/*============================================
   PMJ Product Layouts — CSS des pages produit
   Repris du CSS additionnel (Apparence > Personnaliser > CSS additionnel),
   section « Product Page ». Chargé seulement sur les pages produit, dans le
   <head>, juste après le CSS additionnel (wp_head, priorité 102) : voir
   includes/product-css.php.

   Retiré lors du transfert (plugin 2.1.0) :
   - .field-4de4e6f, .field-cb0b44e, .field-cecfe63, .field-d5ed46a,
     .field-d575bb8 : champs WAPF qui n'existent plus (remplacés par
     .pmj-card-style, plus bas) ;
   - .woocommerce.single-product .related.products (padding) ;
   - .ast-single-product-thumbnails (display: block) ;
   - .wapf-field-label (color: red).
   ============================================ */

.single-product div.product p.price, .single-product div.product span.price {
	font-size: 1.5rem;
  color: black}

.ast-variation-button-group .ast-single-variation.active {
	color: black;
	background-color: #F5F0E8 ;
	border-color:  #221C14;
	 border-width: 2px;
}
/* Add to cart button */
.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
	background-color: #221C14;
}
/* Add to cart button — hover */
.woocommerce-js div.product form.cart .button.single_add_to_cart_button:hover {
    background-color: #C9A96E !important;
}

/* Add to cart button — focus/active (clic) */
.woocommerce-js div.product form.cart .button.single_add_to_cart_button:active,
.woocommerce-js div.product form.cart .button.single_add_to_cart_button:focus {
    background-color: #C9A96E !important;
}


/* Limiter la largeur de la page produit */
.single-product .ast-container {
    max-width: 1450px !important;
    margin: 0 auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* -----------------------------------------------
 Wombat css
----------------------------------------------- */
.wapf-swatch-label {
	font-size: 15px ;
	font-weight: 500;
	font-family:'Baskerville'
}
.wapf-field-container .wapf-swatch--image {
	border-color: #E4E4E4;
	border-width: 1px;
	border-radius: 1px;
}
/* Hover */
.wapf-field-container .wapf-swatch--image:hover {
    border-color: #E4E4E4;
    border-width: 0px;
    border-radius: 1px;
    box-shadow: 0px 0px 5px #98938C;
}
/* Frame Button */
.wapf-swatch--text label {
	font-size: 15px ;
	font-weight: 500;
	font-family:'Baskerville'
}


/* Sélectionné */
.wapf-field-container .wapf-swatch--image.wapf-checked {
    border-color: #221C14;
    border-width: 2px;
    border-radius: 1px;
    box-shadow: none;
}

/* Le label lui-même */
.wapf-field-label label {
    font-size: 16px;
	font-family: 'Baskerville'
}

/* Le texte span à l'intérieur */
.wapf-field-label label span {
    font-weight: 600;
}

.wapf-swatch-desc {
    display: block !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #666 !important;
    margin-top: 3px !important;
}

/* PMJ – Option sélectionnée (boutons texte et vignettes image)
   Fusion des anciennes règles « Frame Button Sélectionné » et
   « Highlight selected frame option ». Même résultat à l'écran
   qu'avant : fond blanc, bordure #1A1510, et 2 px pour les boutons
   texte. (Le fond beige de l'ancienne règle n'était jamais affiché :
   la règle suivante le remplaçait.) */
.wapf-swatch.wapf-checked {
    border-radius: 3px;
	border-color: #1A1510;
    background-color: white
}
.wapf-swatch--text.wapf-checked {
	border-width: 2px;
}
/* PMJ – description colors and font size */
.wapf-field-description {
	color: #FF3B8C;
	font-size: 15px;
	font-weight: 500
}


/* ══ CARDS STYLE MINTED — tous produits via pmj-card-style ══
   (classe ajoutée dans les réglages des champs WAPF) */

.pmj-card-style .wapf-image-swatch-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
}

.pmj-card-style .wapf-swatch.wapf-swatch--image {
    width: 100% !important;
    max-width: 100% !important;
}

.pmj-card-style .wapf-swatch--image label {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 12px 16px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #fff !important;
    min-height: 80px !important;
}

.pmj-card-style .wapf-swatch--image:hover label {
    box-shadow: 0px 0px 5px #98938C !important;
}

.pmj-card-style .wapf-swatch--image.wapf-checked label {
    border: 2px solid #1A1510 !important;
    box-shadow: none !important;
}

.pmj-card-style .apf-pick-box {
    width: 70px !important;
    height: 70px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.pmj-card-style .apf-pick-box img {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover !important;
    border-radius: 3px !important;
    display: block !important;
    border: none !important;
}

.pmj-card-style .wapf-swatch-label {
    text-align: left !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #1A1510 !important;
    flex: 1 !important;
}

.pmj-card-style .wapf-pricing-hint {
    display: block !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #666 !important;
    margin-top: 3px !important;
}

/* ══ Indicateurs de % et sous-totaux WAPF (2.6.0) ══
   Repris du snippet Code Snippets « Masquer les indicateurs de % et les
   sous-totaux WAPF - CSS Grand Total » (à désactiver après l'installation).
   Purement visuel : aucune logique de prix touchée. */

/* 1. Masquer le pourcentage affiché sur les options WAPF (« (+300%) ») */
span.wapf-pricing-hint,
.wapf-swatch-label .wapf-pricing-hint,
.wapf-swatch-desc + .wapf-pricing-hint,
.apf-pick-box + .wapf-swatch-label .wapf-pricing-hint {
    display: none !important;
}

/* 2. Masquer « Product total » (1re ligne) et « Options total » (2e ligne),
   garder « Grand total » (3e ligne) */
.wapf-product-totals .wapf--inner > div:nth-child(1),
.wapf-product-totals .wapf--inner > div:nth-child(2) {
    display: none !important;
}

/* Espacement autour de la ligne restante (Grand total) */
.wapf-product-totals .wapf--inner > div:nth-child(3) {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 14px 0;
    margin-top: 4px;
    border-top: 1px solid #e0ddd8;
    border-bottom: 1px solid #e0ddd8;
}

.wapf-product-totals .wapf--inner > div:nth-child(3) > span:first-child {
    font-family: 'Baskerville', Georgia, serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: #1a1510;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.wapf-product-totals .wapf--inner > div:nth-child(3) .wapf-grand-total {
    font-family: Times, Georgia, serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #b4743e;
    line-height: 1;
}

.wapf-product-totals {
    margin-bottom: 0;
}

/* Espacement entre le bloc Grand total et le bouton Add to Cart */
.wapf-product-totals ~ .single_add_to_cart_button {
    margin-top: 16px;
    margin-left: 0;
    margin-right: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
}