/**
 * Feuille de style personnalisable — Wooaka
 *
 * Ce fichier est copié dans le thème enfant actif pour permettre
 * la surcharge des styles du plugin sans modifier le plugin.
 *
 * Emplacement thème : /oaka/wooaka/wooaka-custom-style.css
 *
 * Toutes les déclarations sont commentées par défaut.
 * Décommentez et modifiez uniquement ce dont vous avez besoin.
 *
 * Variables CSS disponibles (définies par l'onglet Thème > Palette) :
 *   --oaka-wc-color-primary          Couleur principale
 *   --oaka-wc-color-primary-hover    Survol couleur principale
 *   --oaka-wc-color-secondary        Couleur secondaire
 *   --oaka-wc-color-secondary-hover  Survol couleur secondaire
 *   --oaka-wc-color-text             Couleur de texte
 *   --oaka-wc-color-link             Couleur des liens
 *   --oaka-wc-color-link-hover       Couleur des liens au survol
 */


/* ════════════════════════════════════════════════════════════════════
 * 1. NOTIFICATION PARRAINAGE
 *    Bannière fixe affichée lors de l'arrivée via un code GET.
 *    Les couleurs, bords et ombre sont configurables en BO (onglet Thème).
 * ════════════════════════════════════════════════════════════════════ */

/* Bannière commune (succès + erreur) */
.oaka-parrainage-notice {
    /* padding: 14px 20px; */
    /* font-size: 14px; */
    /* max-width: 92vw; */
}

/* Variante succès (code valide activé) */
.oaka-parrainage-notice--success {
    /* background: #ff8300; */
    /* color: #fff; */
}

/* Variante erreur (code invalide ou expiré) */
.oaka-parrainage-notice--error {
    /* background: #e74c3c; */
    /* color: #fff; */
}

/* Texte du message */
.oaka-parrainage-notice__msg {
    /* font-size: 14px; */
}

.oaka-parrainage-notice__msg strong {
    /* font-weight: 700; */
}

/* Bouton de fermeture */
.oaka-parrainage-notice__close {
    /* font-size: 22px; */
    /* opacity: .75; */
}

.oaka-parrainage-notice__close:hover {
    /* opacity: 1; */
}

/* Variante popup (mode d'affichage "Popup" en BO) */
.oaka-parrainage-notice--popup {
    /* max-width: min(480px, 92vw); */
    /* z-index: 99999; */
}

/* Voile d'arrière-plan du mode popup */
.oaka-parrainage-overlay {
    /* background: rgba(0, 0, 0, .35); */
    /* backdrop-filter: blur(3px); */
    /* z-index: 99998; */
}


/* ════════════════════════════════════════════════════════════════════
 * 2. BOUTON AJAX "AJOUTER AU PANIER" (listings produits)
 *    Injecté par le plugin sur les fiches dans les listings.
 *    Couleur/hover/loader configurables en BO (onglet Thème > Bouton ATC).
 * ════════════════════════════════════════════════════════════════════ */

/* Bouton injecté */
.oaka-atc-btn {
    /* width: 100% !important; */
    /* border-radius: 0; */
}

/* Spinner natif WC sur les liens add_to_cart pendant le chargement */
a.add_to_cart_button.oaka-atc-loading {
    /* color: transparent !important; */
}

a.add_to_cart_button.oaka-atc-loading::after {
    /* border-top-color: #fff !important; */
}

/* État "Ajouté" après succès (classe posée ~1,5 s sur le bouton natif) */
a.add_to_cart_button.oaka-atc-added {
    /* background-color: #46b450 !important; */
    /* color: #fff !important; */
}


/* ════════════════════════════════════════════════════════════════════
 * 3. CATALOGUE / LISTE PRODUITS
 * ════════════════════════════════════════════════════════════════════ */

/* Badge "Promo" */
.woocommerce span.onsale {
    /* background-color: var(--oaka-wc-color-primary); */
    /* border-radius: 0; */
}

/* Badge Promo dans la liste produits */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link span.onsale {
    /* border-radius: 0 !important; */
}

/* Boutons "Ajouter au panier" / "Voir le produit" dans les listings */
.woocommerce ul.products li.product .button {
    /* background-color: var(--oaka-wc-color-primary) !important; */
    /* color: #fff !important; */
}

.woocommerce ul.products li.product .button:hover {
    /* background-color: var(--oaka-wc-color-primary-hover) !important; */
}

/* Notice "Ajouté au panier" */
.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
    /* display: flex; */
    /* justify-content: flex-end; */
    /* align-items: center; */
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message > a {
    /* margin-left: auto; */
    /* min-width: 110px; */
}

@media screen and (max-width: 452px) {
    .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
        /* flex-direction: column-reverse; */
    }
}

/* ── Complété par /assistant-override-css — sélecteurs réellement stylés par le plugin ── */

.woocommerce a.add_to_cart_button,
.woocommerce a.add_to_cart_button:hover,
.woocommerce-page button.button,
.woocommerce-page button.button:hover {
    /* padding-left:  1em !important; */
    /* padding-right: 1em !important; */
    /* border: none !important; */
}

form.wpf_form .wpf_item.wpf_item_onsale {
    /* padding: 0; */
    /* margin-top: 30px; */
}


/* ════════════════════════════════════════════════════════════════════
 * 4. FICHE PRODUIT
 * ════════════════════════════════════════════════════════════════════ */

/* Prix de la variation sélectionnée */
.et_pb_wc_add_to_cart form .woocommerce-variation-price {
    /* font-size: 20px; */
    /* margin-bottom: 20px; */
}

/* Couleur du montant du prix */
.et_pb_wc_add_to_cart form span.price span bdi {
    /* color: var(--oaka-wc-color-text) !important; */
}

/* Badge "En stock" */
.woocommerce .et_pb_module.et_pb_wc_stock div > p.stock.in-stock {
    /* color: var(--oaka-wc-color-primary); */
}

/* Flèches carrousel galerie */
.woocommerce .et_pb_module.et_pb_wc_gallery .et-pb-arrow-prev::before,
.woocommerce .et_pb_module.et_pb_wc_gallery .et-pb-arrow-next::before {
    /* color: #fff; */
}

/* Points pagination carrousel */
.woocommerce .et_pb_module.et_pb_wc_gallery .et-pb-controllers a {
    /* background-color: #fff; */
}

.woocommerce .et_pb_module.et_pb_wc_gallery .et-pb-controllers a.et-pb-active-control {
    /* background-color: var(--oaka-wc-color-primary); */
}

/* ── Complété par /assistant-override-css — sélecteurs réellement stylés par le plugin ── */

#addtocartsecondaire form {
    /* text-align: center; */
}

#woosteri_date {
    /* background-color: #0c71c3; */
    /* color: #ffffff; */
    /* border-radius: 3px; */
    /* font-weight: bold; */
}

#woosteri_date:hover {
    /* background-color: #888888; */
}


/* ════════════════════════════════════════════════════════════════════
 * 5. PAGE PANIER
 * ════════════════════════════════════════════════════════════════════ */

/* Liens produit dans le tableau panier */
.woocommerce-cart-form .cart_item .product-name a {
    /* color: var(--oaka-wc-color-link) !important; */
}

.woocommerce-cart-form .cart_item .product-name a:hover {
    /* color: var(--oaka-wc-color-link-hover) !important; */
}

/* Lien "Calculer les frais de livraison" */
.shipping-calculator-button {
    /* color: var(--oaka-wc-color-link) !important; */
}

/* Suppression article */
.cart_item .product-remove a.remove {
    /* display: flex; */
    /* align-items: center; */
}

/* Miniature produit */
.woocommerce-cart-form table .cart_item .product-thumbnail > a > img {
    /* width: 50%; */
}

/* Bouton Divi dans le formulaire panier */
.woocommerce-cart-form .button.et_pb_button:hover {
    /* background-color: var(--oaka-wc-color-primary) !important; */
}

/* Bouton "Procéder au paiement" */
body #page-container .et_pb_section .et_pb_wc_cart_totals_0 a.checkout-button:hover {
    background-color: #500b26!important;
}

/* Récapitulatif coupon — libellé (personnalisé via option BO) */
.woocommerce-cart .cart_totals .woocommerce-remove-coupon {
    /* display: none; */ /* Pour masquer le lien [Enlever] manuellement si besoin */
}

/* ── Complété par /assistant-override-css — sélecteurs réellement stylés par le plugin ── */

.woocommerce-cart-form table .cart_item .product-thumbnail {
    /* display: flex; */
    /* justify-content: center; */
}

.woocommerce-cart-form table .cart_item .product-thumbnail::before {
    /* display: none; */
}

.woocommerce-cart-form table .cart_item .product-thumbnail > a {
    /* text-align: center; */
}

.woocommerce-cart-form table .cart-item .product-quantity .quantity input.qty {
    /* width: 100% !important; */
}

.woocommerce-cart-form table .cart_item .product-subtotal > small {
    /* display: none; */
}

.woocommerce .et_pb_module.et_pb_wc_cart_totals .wc-proceed-to-checkout > a:hover {
    /* background-color: var(--oaka-wc-color-primary) !important; */
}

/* ── Retours client panier ───────────────────────────────────────────── */

/* Largeurs de colonnes : Divi force table-layout:fixed (6 colonnes égales),
   d'où une colonne "supprimer" démesurée. Desktop uniquement : en dessous
   de 768px, WooCommerce passe le tableau en blocs. */
@media (min-width: 769px) {
    .woocommerce-cart-form table.cart th.product-remove {
        width: 50px;
    }

    .woocommerce-cart-form table.cart th.product-thumbnail {
        width: 120px;
    }

    .woocommerce-cart-form table.cart th.product-quantity {
        width: 170px;
    }

    /* Vignette : le plugin passe la cellule en display:flex, elle perd
       alors le comportement de cellule et l'alignement vertical. */
    .woocommerce-cart-form table .cart_item .product-thumbnail {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .woocommerce-cart-form table .cart_item .product-thumbnail > a {
        display: inline-block;
        vertical-align: middle;
    }
}

/* Ancien correctif panier retire : il neutralisait (a coups de !important)
   la regle oaka-hook-modules-daf.css qui forcait .quantity/.qty a 100% sur
   tout le site en mobile - cette regle source a ete retiree directement
   (voir oaka-hook-modules-daf.css), ce correctif ne servait donc plus qu'a
   imposer son propre style fixe (48px, bordure bordeaux) en conflit avec le
   selecteur de quantite natif Wooaka, desormais seul a styliser ce champ. */

/* Code promo : champ et bouton alignés, même hauteur */
.woocommerce-cart table.cart td.actions .coupon {
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon button.button {
    float: none;
    margin: 0 !important;
}

.woocommerce-cart table.cart td.actions .coupon button.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Box "Total panier" en pleine largeur (colonne vide des ventes croisées masquée) */
.woocommerce-cart .et_pb_row:has(> .et_pb_column > .et_pb_wc_cart_totals) {
    flex-wrap: wrap;
}

.woocommerce-cart .et_pb_column:has(> .et_pb_wc_cart_totals) {
    width: 100% !important;
    max-width: 100% !important;
}

.woocommerce-cart .et_pb_column:has(> .et_pb_wc_cross_sells > .et_pb_module_inner:empty) {
    display: none;
}


/* ════════════════════════════════════════════════════════════════════
 * 6. PAGE CHECKOUT
 * ════════════════════════════════════════════════════════════════════ */

/* Wrapper global */
.woocommerce-checkout .woocommerce {
    padding: 0;
    background-color: transparent;
}

/* Champ "Notes de commande (facultatif)" : redondant, supprime. #order_
   comments_field est l'id standard WooCommerce pour ce champ (genere via
   woocommerce_form_field() a partir de la cle "order_comments" - le module
   Divi 5 "Checkout Information" ne fait qu'ajuster son nombre de lignes,
   pas son id/sa classe). */
.woocommerce-checkout #order_comments_field {
    display: none !important;
}

/* Titres de section */
.woocommerce form.woocommerce-checkout h3 {
    /* background-color: var(--oaka-wc-color-primary); */
    /* color: #fff; */
    /* padding: 4px 10px; */
    /* font-size: 21px; */
}

/* Titres en bordeaux : les modules checkout Divi 5 enveloppent chaque section
   dans un div.checkout (pas un form), le sélecteur ci-dessus ne les atteint pas. */
.woocommerce-checkout .checkout.woocommerce-checkout h3 {
    color: #7a113a;
}

/* Bouton "Commander" : au survol, le module Divi (Checkout Payment) applique
   sa propre couleur de texte au hover, configuree en amont dans le Visual
   Builder - sans la couleur de fond correspondante, le texte redevenait
   bordeaux sur un fond resté bordeaux (texte illisible). On fixe les deux
   explicitement ici, meme valeurs que le bouton "Appliquer le code promo"
   juste en dessous pour rester coherent. */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    background-color: var(--oaka-wc-color-primary) !important;
    color: #fff !important;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
    background-color: #500b26 !important;
    color: #fff !important;
}

/* Bouton "Appliquer le code promo" */
.woocommerce .coupon button.button,
.woocommerce-page .coupon button.button {
    /* background-color: var(--oaka-wc-color-primary) !important; */
    /* color: #fff !important; */
}

.woocommerce .coupon button.button:hover,
.woocommerce-page .coupon button.button:hover {
    border-width: 0 !important;
    background-color:#500b26!important;
}

/* Champ code promo */
#coupon_code {
    /* padding: 6px !important; */
}

/* Tableau récapitulatif — en-têtes */
table.woocommerce-checkout-review-order-table .product-name,
table.woocommerce-checkout-review-order-table .product-total {
    /* background-color: var(--oaka-wc-color-secondary); */
    /* color: #fff; */
}

/* Tableau récapitulatif — lignes articles */
table.woocommerce-checkout-review-order-table .cart_item .product-name,
table.woocommerce-checkout-review-order-table .cart_item .product-total {
    /* background-color: #fff; */
    /* color: #666; */
}

/* Tableau récapitulatif — sous-total */
table.woocommerce-checkout-review-order-table .cart-subtotal {
    /* background-color: #888; */
    /* color: #fff !important; */
}

/* Tableau récapitulatif — total */
table.woocommerce-checkout-review-order-table .order-total {
    /* background-color: #fff; */
    /* color: #000; */
    /* border: 2px solid #000; */
}

/* Notices info */
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info {
    /* gap: 20px; */
}

/* Message d'erreur de paiement */
.woocommerce-checkout .et_pb_wc_checkout_payment_info .woocommerce-error {
    /* background-color: var(--oaka-wc-color-primary) !important; */
}

/* Lien politique de confidentialité */
.woocommerce-privacy-policy-link {
    /* color: var(--oaka-wc-color-link) !important; */
}

/* ── Complété par /assistant-override-css — sélecteurs réellement stylés par le plugin ── */

.woocommerce .col2-set#customer_details {
    /* display: flex; */
    /* flex-direction: column; */
}

.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
    /* width: 100%; */
    /* float: none; */
    /* margin: 0; */
    /* padding: 0; */
}

table.woocommerce-checkout-review-order-table .additional-shipping-fields p:nth-of-type(2) {
    /* margin-bottom: 10px !important; */
    /* margin-top: 10px !important; */
    /* color: #666666; */
    /* font-weight: initial; */
}

table.woocommerce-checkout-review-order-table .additional-shipping-fields p:nth-of-type(2)::before {
    /* content: "⬆️ "; */
    /* margin-right: 3px; */
    /* margin-left: 5px; */
}

.woocommerce form.woocommerce-checkout h3#ship-to-different-address {
    /* margin-top: 30px; */
    /* float: inherit !important; */
}

#order_review_heading {
    /* margin-top: 30px; */
}

#order_comments_field label {
    /* background-color: #888888; */
    /* color: #ffffff; */
    /* padding: 0 0 0 10px; */
    /* margin-top: 30px; */
    /* margin-bottom: 10px; */
    /* font-size: 20px; */
}

table.woocommerce-checkout-review-order-table .cart-subtotal td {
    /* text-align: right; */
}

table.woocommerce-checkout-review-order-table .woocommerce-shipping-totals,
table.woocommerce-checkout-review-order-table .additional-shipping-fields {
    /* background-color: #eeeeee; */
    /* color: #333333; */
}

table.woocommerce-checkout-review-order-table .cart-subtotal > th:first-child {
    /* color: #ffffff !important; */
}

.woocommerce-checkout .woocommerce-checkout-payment > ul .woocommerce-info {
    /* background: #fff !important; */
    /* border-top-color: #eee !important; */
    /* color: var(--oaka-wc-color-text) !important; */
}

.woocommerce-checkout .et_pb_wc_checkout_payment_info .woocommerce-error a {
    /* color: #fff; */
}

.woocommerce-checkout .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
    /* color: #fff !important; */
}

.woocommerce-checkout .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text > a {
    /* color: #fff !important; */
    /* font-weight: bold; */
}

div.et_pb_wc_checkout_payment_info_0.et_pb_wc_checkout_payment_info .woocommerce-order {
    /* background-color: #fff !important; */
}


/* ════════════════════════════════════════════════════════════════════
 * 7. BOUTONS WOOCOMMERCE (global)
 * ════════════════════════════════════════════════════════════════════ */

/* Boutons .alt (Ajouter au panier, Passer commande…) */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
    /* background-color: var(--oaka-wc-color-primary) !important; */
    /* color: #fff !important; */
    /* border-radius: 0 !important; */
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce-page a.button.alt:hover {
    /* background-color: var(--oaka-wc-color-primary-hover) !important; */
}

/* border-radius global de tous les boutons WC */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    /* border-radius: 0 !important; */
}

/* ── Complété par /assistant-override-css — sélecteurs réellement stylés par le plugin ── */

.woocommerce button.button:disabled[disabled] {
    /* display: none !important; */
}

.woocommerce-page a.button::after,
.woocommerce-page button.button::after,
.woocommerce-page input.button::after,
.woocommerce .woocommerce-info a.wc-forward::after {
    /* content: "" !important; */
    /* display: none !important; */
}

.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
    /* border-radius: 0 !important; */
}


/* ════════════════════════════════════════════════════════════════════
 * 8. PAGE "MON COMPTE"
 * ════════════════════════════════════════════════════════════════════ */

/* ── Largeur pleine sur TOUS les onglets ─────────────────────────────
 * Cause : le module Texte Divi 5 (.et_pb_text) est en
 *   display:flex; flex-direction:column; align-items:center;
 * Son enfant .et_pb_text_inner se "shrink-wrap" donc à la largeur
 * de son contenu. Sur le tableau de bord le texte est long → pleine
 * largeur ; sur /edit-address/ le contenu est court → ~700px.
 * Correctif : on étire le module et on force la largeur à 100 %.
 * ─────────────────────────────────────────────────────────────────── */
.woocommerce-account .et_pb_text:has(> .et_pb_text_inner > .woocommerce) {
    align-items: stretch;
}

.woocommerce-account .et_pb_text_inner:has(> .woocommerce),
.woocommerce-account .woocommerce {
    width: 100%;
    max-width: 100%;
}

/* Layout flex */
.woocommerce-account .woocommerce {
    /* display: flex; */
    /* gap: 40px; */
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    /* width: 30%; */
}

/* Navigation sidebar — item */
.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link {
    /* background-color: #f4f4f4; */
    /* border-left: solid 3px var(--oaka-wc-color-primary); */
}

/* Navigation sidebar — lien */
.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link a {
    /* color: var(--oaka-wc-color-text) !important; */
    /* padding: 10px 0 10px 45px; */
}

/* Navigation sidebar — survol */
.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link:hover {
    /* border-left: solid 6px var(--oaka-wc-color-secondary); */
}

/* Boutons d'action dans le tableau des commandes */
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a {
    /* background-color: var(--oaka-wc-color-primary) !important; */
    /* color: #fff !important; */
}

.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a:hover {
    padding: 2px 20px !important;
}

/* Bouton de sauvegarde "Modifier mon compte" */
.woocommerce .woocommerce-MyAccount-content form.edit-account button.woocommerce-Button {
    /* background-color: var(--oaka-wc-color-primary) !important; */
    /* color: #fff !important; */
}

/* Bouton de sauvegarde d'adresse */
.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields button.button {
    /* background-color: var(--oaka-wc-color-primary) !important; */
    /* color: #fff !important; */
}

/* Boutons de connexion / inscription */
.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit,
.woocommerce form.woocommerce-form-register .woocommerce-form-row button.woocommerce-form-register__submit {
    /* background-color: var(--oaka-wc-color-primary); */
    /* color: #fff; */
}

/* Bannière d'information Mon Compte */
.woocommerce .woocommerce-MyAccount-content .woocommerce-info {
    background-color: #f4f4f4!important;
    color:#333333!important;
}

#main-content > div > div > div > div > div.et_pb_column_1_tb_body.et_pb_column.et-last-child.et_flex_column.et_pb_css_mix_blend_mode_passthrough.et_flex_column_24_24.et_flex_column_24_24_tablet.et_flex_column_24_24_phone.et_flex_column_18_24_tabletWide.et_flex_column_24_24_widescreen > div.et_pb_post_content_0_tb_body.et_pb_post_content.et_pb_module > div > div > div > div > div > div > div > div > div > div:nth-child(2) > a {
    margin-right: 20px;
}
/* Bouton "Commencer vos achats" dans la bannière */
.woocommerce .woocommerce-MyAccount-content .woocommerce-info a.wc-forward {
    min-width: max-content;
    padding: 13px 30px !important;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-info a.wc-forward:hover {
    padding: 13px 30px !important;
    background-color: #500b26 !important;
}

/* Liens dans Mon Compte */
.woocommerce .woocommerce-MyAccount-content a:not(.button):not(.wc-forward) {
    /* color: var(--oaka-wc-color-link) !important; */
}

.woocommerce .woocommerce-MyAccount-content a:not(.button):not(.wc-forward):hover {
    /* color: var(--oaka-wc-color-link-hover) !important; */
}

@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        /* flex-direction: column; */
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        /* width: 100%; */
    }

    /* Page "Mon compte" (dont le détail de commande, view-order) : le
       contenu est sinon en pleine largeur sur tablette/smartphone, collé
       aux bords de l'écran. */
    .woocommerce-account .woocommerce-MyAccount-content {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
}

/* ── Complété par /assistant-override-css — sélecteurs réellement stylés par le plugin ── */

.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.wc-forward) {
    /* color: var(--oaka-wc-color-link) !important; */
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.wc-forward):hover {
    /* color: var(--oaka-wc-color-link-hover) !important; */
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title>a {
    float:left;
    margin-bottom:10px;
}

.woocommerce .woocommerce-form-login p.lost_password > a:hover {
    /* color: var(--oaka-wc-color-link-hover) !important; */
}

.woocommerce .woocommerce-MyAccount-content p a:hover {
    /* color: var(--oaka-wc-color-link-hover) !important; */
}

/* Styles actifs pour ces boutons : voir plus bas, section "Boutons homogènes
   — espace client" (body #page-container .woocommerce-MyAccount-content
   a.button...), qui les prend tous en charge avec une specificite plus
   forte (!important) - ce bloc-ci etait un doublon fige au meme etat (une
   seule propriete active, toujours ecrasee par l'autre bloc). */

.woocommerce-account .woocommerce-MyAccount-content {
    /* flex: 1; */
    /* min-width: 0; */
}

.woocommerce .woocommerce-MyAccount-navigation > ul {
    /* display: flex; */
    /* flex-direction: column; */
    /* gap: 15px; */
    /* padding: 0px !important; */
}

.woocommerce-MyAccount-navigation-link--dashboard a::before {
    /* content: "\f226"; */
}

.woocommerce-MyAccount-navigation-link--orders a::before {
    /* content: "\f174"; */
}

.woocommerce-MyAccount-navigation-link--downloads a::before {
    /* content: "\f316"; */
}

.woocommerce-MyAccount-navigation-link--edit-address a::before {
    /* content: "\f230"; */
}

.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    /* content: "\f526"; */
}

.woocommerce-MyAccount-navigation-link--edit-account a::before {
    /* content: "\f110"; */
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    /* content: "\f503"; */
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title > a {
    /* background-color: var(--oaka-wc-color-primary); */
    /* color: #fff !important; */
    /* transition: 300ms ease !important; */
    /* padding: 3px 10px; */
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title > a:hover {
    /* background-color: var(--oaka-wc-color-primary-hover) !important; */
    /* color: #ffffff !important; */
}

#main-content > div > div > div > div > div.et_pb_column_1_tb_body.et_pb_column.et-last-child.et_flex_column.et_pb_css_mix_blend_mode_passthrough.et_flex_column_24_24.et_flex_column_24_24_tablet.et_flex_column_24_24_phone.et_flex_column_18_24_tabletWide.et_flex_column_24_24_widescreen > div.et_pb_post_content_0_tb_body.et_pb_post_content.et_pb_module > div > div > div > div > div > div > div > div > div > div.u-columns.woocommerce-Addresses.col2-set.addresses > div.u-column1.col-1.woocommerce-Address > address {
    margin-bottom:30px;
}


/* ════════════════════════════════════════════════════════════════════
 * 9. PAGE DE CONFIRMATION (THANK YOU)
 * ════════════════════════════════════════════════════════════════════ */

/* Bandeau de confirmation */
div.woocommerce-order .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    /* background-color: var(--oaka-wc-color-primary); */
    /* color: #fff !important; */
    /* text-align: center; */
    /* padding: 10px; */
    /* font-size: 17px; */
    /* font-weight: 700; */
}

/* Bouton "Retour à la page d'accueil" en bas de page (voir functions.php,
   hook woocommerce_thankyou) - style explicite plutôt qu'une classe .button
   générique, dont le rendu par défaut dépend de règles WooCommerce/Divi non
   garanties actives partout sur cette page. */
.oaka-order-received-home-link-wrap {
    text-align: center;
    margin-top: 30px;
}

.oaka-order-received-home-link {
    display: inline-block;
    padding: 14px 28px;
    background-color: var(--oaka-wc-color-primary, #7a113a);
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-decoration: none !important;
    border-radius: 0;
    transition: background-color .2s ease;
}

.oaka-order-received-home-link:hover {
    background-color: #500b26;
    color: #fff !important;
}

/* Titres de sections "Détail de commande" / "Informations client" */
h2.woocommerce-order-details__title,
h2.woocommerce-column__title {
    font-size: 20px !important;
    /* background-color: var(--oaka-wc-color-primary); */
    /* color: #fff; */
    /* padding: 10px; */
}

/* Tableau articles — en-têtes */
table.woocommerce-table--order-details .product-name,
table.woocommerce-table--order-details .product-total {
    /* background-color: #333; */
    /* color: #fff; */
}

/* Tableau articles — lignes */
table.woocommerce-table--order-details .order_item .product-name,
table.woocommerce-table--order-details .order_item .product-total {
    /* background-color: #fff; */
    /* color: #666; */
}

/* Tableau articles — pied */
table.woocommerce-table--order-details tfoot tr {
    /* background-color: #eee; */
    /* color: #333; */
}

/* Méta de commande (numéro, date, total…) */
.woocommerce ul.order_details li {
    /* border-right: 1px dashed var(--oaka-wc-color-primary); */
}

/* Bloc adresses client */
.woocommerce-customer-details address {
    /* background-color: #fff; */
    /* color: #666; */
    /* padding: 20px !important; */
}

/* Adresse de livraison : la règle checkout du plugin (.col2-set .col-1/.col-2
   en pleine largeur, margin 0) s'applique aussi ici, le bloc se retrouve collé
   sous l'adresse de facturation. */
.woocommerce-customer-details .woocommerce-columns--addresses .col-2 {
    margin-top: 30px !important;
}

.woocommerce-customer-details address .woocommerce-customer-details--phone::before,
.woocommerce-customer-details address .woocommerce-customer-details--email::before {
    /* color: var(--oaka-wc-color-primary); */
}

/* ── Complété par /assistant-override-css — sélecteurs réellement stylés par le plugin ── */

.woocommerce-order-details {
    /* margin-top: 30px !important; */
}

.woocommerce ul.order_details {
    /* margin: 30px 0 50px; */
    /* padding: 0; */
    /* list-style: none; */
}

table.woocommerce-table--order-details .cart-subtotal td {
    /* text-align: right; */
}

table.woocommerce-table--order-details .order_item a {
    /* color: #666666; */
}

table.woocommerce-table--order-details .order_item .product-quantity {
    /* color: var(--oaka-wc-color-primary); */
}

table.woocommerce-table--order-details .includes_tax {
    /* display: block; */
}


/* ════════════════════════════════════════════════════════════════════
 * 10. PLUGIN PRODUCT FILTER (Themeum WPF)
 * ════════════════════════════════════════════════════════════════════ */

form.wpf_form {
    /* color: var(--oaka-wc-color-secondary); */
}

form.wpf_form .wpf_item .wpf_item_name {
    /* font-size: 16px; */
}

form.wpf_form input[type="checkbox"] {
    /* border: 0.1em solid var(--oaka-wc-color-secondary); */
    /* border-radius: 8px; */
}

form.wpf_form input[type="radio"] {
    /* border: 0.1em solid var(--oaka-wc-color-secondary); */
}

form.wpf_form input[type="radio"]::before,
form.wpf_form input[type="checkbox"]::before {
    /* background-color: var(--oaka-wc-color-primary); */
}

.wpf_reset_btn {
    /* color: var(--oaka-wc-color-secondary) !important; */
}

.woocommerce .wpf-no-products-found p.woocommerce-info {
    /* background: var(--oaka-wc-color-secondary); */
}

/* ── Complété par /assistant-override-css — sélecteurs réellement stylés par le plugin ── */

form.wpf_form .wpf_item ul li > label:hover,
form.wpf_form .wpf_item.wpf_item_onsale:hover,
form.wpf_form .wpf_reset_btn:hover {
    /* color: var(--oaka-wc-color-primary) !important; */
}

form.wpf_form .wpf_item ul li label {
    /* font-weight: 400; */
}

form.wpf_form .wpf_items_wrapper.wpf_layout_vertical .wpf_item ul.wpf_column_vertical li {
    /* display: flex; */
    /* align-items: center; */
}

form.wpf_form .ui-slider-range.ui-corner-all.ui-widget-header {
    /* background: #fff; */
}

form.wpf_form .wpf_reset_btn {
    /* margin-top: 10px; */
}

form.wpf_form .wpf_reset_btn input {
    /* cursor: pointer; */
}

form.wpf_form .wpf_item_price > .wpf_item_name {
    /* margin-top: 20px; */
    /* margin-bottom: 0; */
    /* padding-bottom: 0; */
}

form.wpf_form .wpf_item_price > .wpf_slider {
    /* margin-top: 20px; */
}


/* ════════════════════════════════════════════════════════════════════
 * 11. PLUGIN AJAX SEARCH PRO / LITE
 * ════════════════════════════════════════════════════════════════════ */

div.asl_r .results .item .asl_content h3 a,
div.asl_r .results .asl_nores {
    /* color: var(--oaka-wc-color-secondary) !important; */
}

div.asl_r .results .item .asl_content p.asl_desch {
    /* color: var(--oaka-wc-color-secondary) !important; */
}

div.wpdreams_asl_results .resdrg .asl_nores {
    /* background-color: var(--oaka-wc-color-primary); */
    /* color: #fff !important; */
}

div.asl_w .probox div.asl_simple-circle {
    /* border: 4px solid var(--oaka-wc-color-primary); */
}

/* ── Complété par /assistant-override-css — sélecteurs réellement stylés par le plugin ── */

#ajaxsearchlite1 .probox .proinput form input,
#ajaxsearchlite1 .probox .proinput form input::placeholder {
    /* color: var(--oaka-wc-color-secondary) !important; */
    /* font-weight: 600; */
}

div.asl_m .probox .proclose svg {
    /* background: #fff; */
}


/* ════════════════════════════════════════════════════════════════════
 * 12. CONVERTISSEURS DE QUANTITÉ (fiche produit)
 *     Couleurs et bords configurables en BO (onglet Thème > Convertisseurs),
 *     injectés en variables CSS : --wooaka-conv-bg, --wooaka-conv-result-bg,
 *     --wooaka-conv-text, --wooaka-conv-radius.
 * ════════════════════════════════════════════════════════════════════ */

/* Wrapper global des convertisseurs */
.oaka-wooaka-conv {
    /* background-color: var(--wooaka-conv-bg); */
    /* border-radius: var(--wooaka-conv-radius); */
    /* color: var(--wooaka-conv-text); */
    /* padding: 20px; */
    /* margin-bottom: 20px; */
}

/* Bloc convertisseur par coefficient (1 entrée → 1 sortie) */
.oaka-wooaka-conv-coeff {
}

/* Bloc convertisseur par calcul (2 entrées → 2 sorties) */
.oaka-wooaka-conv-calc {
    /* margin-top: 25px; */ /* espacement quand les deux convertisseurs sont affichés */
}

/* Rangée d'entrées (inputs + unités + séparateur) */
.oaka-wooaka-conv-row {
    /* display: flex; */
    /* align-items: center; */
    /* gap: 8px; */
}

/* Groupe champ + unité */
.oaka-wooaka-conv-field {
    /* display: inline-flex; */
    /* gap: 5px; */
}

/* Champs de saisie */
.oaka-wooaka-conv input[type="number"] {
    /* border: none; */
    /* border-radius: 2px; */
    /* padding: 6px 6px 6px 10px; */
    /* width: 6em; */
    /* font-size: 1em; */
    /* color: #333; */
    /* background: #fff; */
}

/* Champ de saisie du convertisseur par coefficient (1 entrée) */
.oaka-wooaka-conv-in {
    /* width: 6em; */
    /* text-align: left; */
    /* font-size: 1em; */
    /* color: #333; */
    /* background: #fff; */
}

/* Champs de saisie du convertisseur par calcul (2 entrées) */
.oaka-wooaka-conv-in-1,
.oaka-wooaka-conv-in-2 {
    /* width: 6em; */
    /* text-align: left; */
    /* font-size: 1em; */
    /* color: #333; */
    /* background: #fff; */
}

/* Unités affichées à côté des champs et résultats */
.oaka-wooaka-conv-unit {
    /* color: var(--wooaka-conv-text); */
}

/* Séparateurs × et = */
.oaka-wooaka-conv-sep {
    /* font-size: 1.6em; */
    /* font-weight: 500; */
    /* margin: 0 6px; */
}

/* Valeurs de résultat */
.oaka-wooaka-conv-out,
.oaka-wooaka-conv-out-1,
.oaka-wooaka-conv-out-2 {
    /* color: var(--wooaka-conv-text); */
    /* font-weight: 600; */
}

/* Zone de résultat du convertisseur par calcul */
.oaka-wooaka-conv-result {
    /* background: var(--wooaka-conv-result-bg); */
    /* border-radius: var(--wooaka-conv-radius); */
    /* padding: 10px; */
    /* margin-top: 8px; */
}

/* Bouton "Utiliser comme quantité" (option par produit) */
.oaka-wooaka-conv-apply {
    /* background: #fff; */
    /* color: #333; */
    /* padding: 8px 14px; */
    /* border-radius: var(--wooaka-conv-radius); */
    /* font-size: 0.9em; */
    /* font-weight: 600; */
}

/* Texte explicatif */
.oaka-wooaka-conv-text {
    /* color: var(--wooaka-conv-text); */
    /* font-size: 0.85em; */
    /* font-style: italic; */
    /* margin: 10px 0 0; */
}

/* ── Complété par /assistant-override-css — sélecteurs réellement stylés par le plugin ── */

.oaka-wooaka-conv .oaka-wooaka-conv-coeff + .oaka-wooaka-conv-calc {
    /* margin-top: 25px; */
}


/* ════════════════════════════════════════════════════════════════════
 * 13. SUFFIXE PRIX & NOTE LIVRAISON
 * ════════════════════════════════════════════════════════════════════ */

/* Suffixe affiché après le prix (catalogue, fiche, panier, commandes) */
.oaka-wooaka-price-suffix {
    /* font-size: 0.85em; */
    /* color: inherit; */
    /* font-weight: 400; */
}

/* Note sous la méthode de livraison sélectionnée (panier + checkout) */
.oaka-wooaka-shipping-note {
    /* font-size: 0.85em; */
    /* font-style: italic; */
    /* font-weight: 400; */
    /* margin: 4px 0 0; */
}


/* ════════════════════════════════════════════════════════════════════
 * 14. NOTICES, FORMULAIRES ET DIVERS
 *    Blocs transverses retouchés par le plugin en dehors d'une page précise.
 * ════════════════════════════════════════════════════════════════════ */

div.woocommerce::before,
div.woocommerce::after {
    /* display: none !important; */
    /* content: none !important; */
}

.woocommerce form .form-row.woocommerce-validated input.input-text {
    /* color: var(--oaka-wc-color-text) !important; */
}

.woocommerce form .form-row.woocommerce-validated input.input-text:focus {
    /* color: #0c71c3; */
}

.woocommerce .woocommerce-info a,
.woocommerce-page .woocommerce-info a {
    /* color: #ffffff !important; */
    /* font-weight: bold; */
}


/* ════════════════════════════════════════════════════════════════════
 * 15. MEDIA QUERIES GLOBALES
 * ════════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {

    .woocommerce ul.order_details li {
        /* float: inherit; */
        /* margin-bottom: 20px; */
        /* border-style: none; */
    }

}

@media (max-width: 768px) {

    /* Ajouts RWD spécifiques au site */

}

@media (max-width: 480px) {

    .oaka-parrainage-notice {
        /* font-size: 12px; */
        /* padding: 10px 14px; */
        /* max-width: 96vw; */
    }

    .oaka-wooaka-conv {
        /* padding: 14px; */
    }

    .oaka-wooaka-conv input[type="number"] {
        /* width: 5em; */
    }

}

/* ── Bouton d'ajout au panier — état de chargement ──────────────────────────────────── */

a.add_to_cart_button.oaka-atc-loading {
    /* position: relative !important; */
    /* color: transparent !important; */
    /* pointer-events: none; */
    /* cursor: default; */
}

a.add_to_cart_button.oaka-atc-loading::after {
    /* content: '' !important; */
    /* display: block !important; */
    /* position: absolute !important; */
    /* top: 50% !important; */
    /* left: 50% !important; */
    /* width: 1em !important; */
}

/* ── Résultats de recherche — texte surligné ──────────────────────────────────────── */

/* WooCommerce enveloppe le terme trouvé dans un <mark>. Le rendu par défaut du
   navigateur (jaune vif) est remplacé par un inverse noir/blanc. */
mark {
    /* background-color: #000; */
    /* color: #fff; */
}

.woocommerce-checkout #billing_country,
.woocommerce-checkout #shipping_country,
.woocommerce-checkout #billing_state,
.woocommerce-checkout #shipping_state,
.woocommerce-checkout select.country_to_state,
.woocommerce-checkout select.state_select {
    width: 100%;
    height: auto;
    min-height: 55.8px;
    padding: 16px 44px 16px 16px;
    border: 0;
    border-radius: 0;
    background-color: #eee;
    color: #4e4e4e;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 23.8px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234e4e4e' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px 8px;
    cursor: pointer;
}

.woocommerce-checkout select.country_to_state:focus,
.woocommerce-checkout select.state_select:focus {
    outline: none;
}

/* ── Boutons homogènes — espace client ─────────────────────────────
 * #page-container est nécessaire : oaka-woocommerce.css est chargé APRÈS
 * ce fichier et utilise des !important, il faut donc plus de spécificité. */
body #page-container .woocommerce-MyAccount-content a.button,
body #page-container .woocommerce-MyAccount-content button.button,
body #page-container .woocommerce-MyAccount-content input.button,
body #page-container .woocommerce-MyAccount-content .woocommerce-Address a.edit {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--oaka-wc-color-primary) !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background-color .2s ease;
}

body #page-container .woocommerce-MyAccount-content a.button:hover,
body #page-container .woocommerce-MyAccount-content button.button:hover,
body #page-container .woocommerce-MyAccount-content input.button:hover,
body #page-container .woocommerce-MyAccount-content .woocommerce-Address a.edit:hover,
body #page-container .woocommerce-MyAccount-content a.button:focus-visible,
body #page-container .woocommerce-MyAccount-content button.button:focus-visible,
body #page-container .woocommerce-MyAccount-content .woocommerce-Address a.edit:focus-visible {
    background: #500b26 !important;
    color: #fff !important;
    padding: 10px 24px !important; /* empêche le décalage Divi au survol */
}

/* Supprime la flèche/icône Divi sur les boutons */
body #page-container .woocommerce-MyAccount-content a.button::after,
body #page-container .woocommerce-MyAccount-content button.button::after,
body #page-container .woocommerce-MyAccount-content input.button::after {
    content: none !important;
    display: none !important;
}

/* ── Formulaire de connexion centré (visiteur non connecté) ── */
body.woocommerce-account:not(.logged-in) .woocommerce {
    display: block !important;
}
body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-login {
    float: none !important;
    width: 100% !important;
    max-width: 400px !important;
    margin: 32px auto !important;
}