/*
Theme Name:  Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author:      ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template:    salient
Version:     1.0
*/


/* ============================================================
   FONTS — CARDO
   ============================================================ */

@font-face {
    font-family: 'Cardo';
    src: url('/wp-content/themes/salient-child/fonts/cardo-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cardo';
    src: url('/wp-content/themes/salient-child/fonts/cardo-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cardo';
    src: url('/wp-content/themes/salient-child/fonts/cardo-italic-600.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}


/* ============================================================
   FONTS — MANROPE
   ============================================================ */

@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/salient-child/fonts/manrope-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/salient-child/fonts/manrope-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/* ============================================================
   DISPO BOUTIQUE — Badge "Pièce unique"
   Encadré fin sous le prix, texte centré et plus présent
   ============================================================ */
.woocommerce .single-product-summary .entry-summary p {
  padding-bottom: 15px;
}

.dispo-boutique {
display: inline-block;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: #fff0;
  color: #6b4f1d;
  border: 1.5px solid #C9A961;
  border-radius: 3px;
  font-family: 'Manrope',sans-serif;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  width: auto;
  height: auto;
}


/* ============================================================
   BADGE "VENDU" — Produits en rupture de stock
   Version renforcée avec !important pour bypasser Salient/UCSS
   ============================================================ */

/* Positionnement de référence — parents en relative */
.woocommerce ul.products li.product,
.woocommerce div.product,
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .images {
    position: relative !important;
}

/* Badge — style commun (boutique + fiche produit) */
.a2j-badge-vendu,
span.a2j-badge-vendu {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    z-index: 20 !important;
    display: inline-block !important;
    background: #E8D89A !important;
    color: #3a2f1a !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 7px 14px !important;
    line-height: 1 !important;
    border-radius: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* Badge — variante fiche produit (un peu plus grand) */
.a2j-badge-vendu--single {
    top: 20px !important;
    left: 20px !important;
    font-size: 13px !important;
    padding: 9px 18px !important;
}

/* Badge — mobile */
@media (max-width: 690px) {
    .a2j-badge-vendu,
    span.a2j-badge-vendu {
        font-size: 10px !important;
        letter-spacing: 1.5px !important;
        padding: 6px 11px !important;
        top: 10px !important;
        left: 10px !important;
    }
}

/* Grisage vignettes vendues (boutique uniquement) */
.woocommerce ul.products li.product.outofstock .wp-post-image,
.woocommerce ul.products li.product.outofstock img {
    filter: grayscale(0.4) opacity(0.7);
    transition: filter 0.3s ease;
}

.woocommerce ul.products li.product.outofstock:hover .wp-post-image,
.woocommerce ul.products li.product.outofstock:hover img {
    filter: none;
}