/**
 * Wooaka — WooCommerce CSS
 *
 * Les couleurs sont pilotées par des variables CSS définies dynamiquement
 * depuis le BO du plugin (onglet Thème > Palette de couleurs).
 *
 * Variables disponibles :
 *   --oaka-wc-color-primary          Couleur principale (boutons, accents)
 *   --oaka-wc-color-primary-hover    Survol de la couleur principale
 *   --oaka-wc-color-secondary        Couleur secondaire (en-têtes de tableau, bordures)
 *   --oaka-wc-color-secondary-hover  Survol de la couleur secondaire
 *   --oaka-wc-color-text             Couleur de texte principal
 *   --oaka-wc-color-link             Couleur de base des liens
 *   --oaka-wc-color-link-hover       Couleur des liens au survol
 *
 * Ce fichier peut être surchargé depuis le thème enfant actif.
 * Pour cela, copiez-le dans : {theme}/oaka/wooaka/oaka-woocommerce.css
 * ou utilisez le bouton "Copier dans le thème" depuis l'onglet Thème.
 */


/* ══════════════════════════════════════════════════════════════════
 * Pseudo-éléments natifs WooCommerce — supprimés (gênent le layout)
 * ══════════════════════════════════════════════════════════════════ */

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


/* ══════════════════════════════════════════════════════════════════
 * Liens — Mon Compte et tableau de commandes
 * ══════════════════════════════════════════════════════════════════ */

/* Liens texte dans le contenu Mon Compte (hors boutons et bannière info) */
.woocommerce .woocommerce-MyAccount-content a:not(.button):not(.wc-forward),
.woocommerce-account .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,
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.wc-forward):hover {
    color: var(--oaka-wc-color-link-hover) !important;
}


/* ══════════════════════════════════════════════════════════════════
 * Fiche produit
 * ══════════════════════════════════════════════════════════════════ */

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

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

/* Bouton "Ajouter au panier" secondaire centré (ID custom) */
#addtocartsecondaire form {
    text-align: center;
}

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

/* Flèches du carrousel de galerie produit */
.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 de pagination du carrousel */
.woocommerce .et_pb_module.et_pb_wc_gallery .et-pb-controllers a {
    background-color: #fff;
}

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

/* Notice "Ajouté au panier" : flex pour aligner le bouton à droite */
.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;
    text-align: center;
}

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

    .woocommerce .woocommerce-notices-wrapper .woocommerce-message > a {
        width: 100%;
        margin-top: 10px;
    }
}


/* ══════════════════════════════════════════════════════════════════
 * 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;
}

.shipping-calculator-button:hover {
    color: var(--oaka-wc-color-link-hover) !important;
}

/* Lien de suppression d'article */
.cart_item .product-remove a.remove {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Miniature produit centrée dans sa cellule */
.woocommerce-cart-form table .cart_item .product-thumbnail {
    display: flex;
    justify-content: center;
}

/* Suppression du pseudo-élément ::before natif WooCommerce sur la cellule */
.woocommerce-cart-form table .cart_item .product-thumbnail::before {
    display: none;
}

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

/* Miniature réduite à 50 % de la cellule */
.woocommerce-cart-form table .cart_item .product-thumbnail > a > img {
    width: 50%;
}

/* Champ quantité en pleine largeur dans sa cellule */
.woocommerce-cart-form table .cart-item .product-quantity .quantity input.qty {
    width: 100% !important;
}

/* Masquer l'étiquette de sous-total (redondante avec le total) */
.woocommerce-cart-form table .cart_item .product-subtotal > small {
    display: none;
}

/* Masquer le bouton "Mettre à jour le panier" quand désactivé par WooCommerce */
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
    display: none !important;
}

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

/* Bouton "Commander" dans le récapitulatif panier (Divi module cart_totals_0) */
body #page-container .et_pb_section .et_pb_wc_cart_totals_0 a.checkout-button:hover {
    background-color: var(--oaka-wc-color-primary-hover) !important;
}


/* ══════════════════════════════════════════════════════════════════
 * Page de commande (checkout)
 * ══════════════════════════════════════════════════════════════════ */

/* Wrapper global checkout */
.woocommerce-checkout .woocommerce {
    padding: 60px;
    background-color: #f7f7f7;
}

/* Layout : colonnes coordonnées empilées verticalement */
.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;
}

/* Champ validé */
.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;
}

/* Plugin woosteri — sélecteur de date */
#woosteri_date {
    background-color: #0c71c3;
    color: #ffffff;
    border-radius: 3px;
    font-weight: bold;
}

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

/* Champs de livraison supplémentaires */
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;
}

/* Bouton "Commander" pleine largeur */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    margin-top: 14px;
    width: 100%;
    padding: 0.3em 1em !important;
}

/* Titres de section du formulaire */
.woocommerce form.woocommerce-checkout h3 {
    background-color: var(--oaka-wc-color-primary);
    color: #ffffff;
    padding: 4px 10px;
    margin-bottom: 20px;
    line-height: 1.7em;
    font-weight: 600;
    font-size: 21px;
}

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

#order_review_heading {
    margin-top: 30px;
}

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

/* Tableau récapitulatif — alignement des totaux à droite */
table.woocommerce-checkout-review-order-table .product-total,
table.woocommerce-checkout-review-order-table .cart-subtotal td {
    text-align: right;
}

/* En-têtes : couleur secondaire */
table.woocommerce-checkout-review-order-table .product-name,
table.woocommerce-checkout-review-order-table .product-total {
    background-color: var(--oaka-wc-color-secondary);
    color: #ffffff;
}

/* Lignes articles : fond blanc */
table.woocommerce-checkout-review-order-table .cart_item .product-name,
table.woocommerce-checkout-review-order-table .cart_item .product-total {
    background-color: #ffffff;
    color: #666666;
}

/* Livraison + champs additionnels : fond gris clair */
table.woocommerce-checkout-review-order-table .woocommerce-shipping-totals,
table.woocommerce-checkout-review-order-table .additional-shipping-fields {
    background-color: #eeeeee;
    color: #333333;
}

/* Sous-total : fond gris moyen */
table.woocommerce-checkout-review-order-table .cart-subtotal {
    background-color: #888888;
    color: #ffffff !important;
}

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

/* Total : fond blanc + bordure noire */
table.woocommerce-checkout-review-order-table .order-total {
    background-color: #ffffff;
    color: #000000;
    border: 2px solid #000000;
}


/* Notice info globale WooCommerce : couleur secondaire */
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info {
    background-color: var(--oaka-wc-color-secondary) !important;
    border-top-color: var(--oaka-wc-color-secondary-hover) !important;
    color: #ffffff !important;
}

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

/* Informations de paiement : fond blanc pour contraster avec la section colorée */
.woocommerce-checkout .woocommerce-checkout-payment > ul .woocommerce-info {
    background: #fff !important;
    border-top-color: #eee !important;
    color: var(--oaka-wc-color-text) !important;
}

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

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

/* Texte et lien des CGV */
.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;
}

/* Bouton "Procéder au paiement" dans le récapitulatif */
.woocommerce .et_pb_module.et_pb_wc_cart_totals .wc-proceed-to-checkout > a:hover {
    background-color: var(--oaka-wc-color-primary) !important;
}

/* Champ code coupon : padding réduit pour correspondre au design */
#coupon_code {
    padding: 6px !important;
}

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

.woocommerce-privacy-policy-link:hover {
    color: var(--oaka-wc-color-link-hover) !important;
}


/* ══════════════════════════════════════════════════════════════════
 * Boutons WooCommerce — ::after Divi supprimé + border-radius centralisé
 * ══════════════════════════════════════════════════════════════════ */

/* Suppression du décalage ::after injecté par Divi au survol */
.woocommerce a.button::after,
.woocommerce button.button::after,
.woocommerce input.button::after,
.woocommerce a.button.alt::after,
.woocommerce button.button.alt::after,
.woocommerce input.button.alt::after,
.woocommerce-page a.button::after,
.woocommerce-page button.button::after,
.woocommerce-page input.button::after,
.woocommerce-page a.button.alt::after,
.woocommerce-page button.button.alt::after,
.woocommerce-page input.button.alt::after,
.woocommerce #payment #place_order::after,
.woocommerce-page #payment #place_order::after,
.woocommerce .woocommerce-info a.wc-forward::after,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a::after,
.woocommerce .woocommerce-MyAccount-content form.edit-account button.woocommerce-Button::after,
.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields button.button::after,
.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit::after,
.woocommerce form.woocommerce-form-register .woocommerce-form-row button.woocommerce-form-register__submit::after {
    content: "" !important;
    display: none !important;
}

/* Neutralisation du padding asymétrique et du border Divi sur les boutons WooCommerce au survol */
.woocommerce a.add_to_cart_button,
.woocommerce a.add_to_cart_button:hover,
.woocommerce button.button,
.woocommerce button.button:hover,
.woocommerce-page button.button,
.woocommerce-page button.button:hover {
    padding-left:  1em !important;
    padding-right: 1em !important;
    border: none !important;
}


/* ══════════════════════════════════════════════════════════════════
 * Boutons WooCommerce — border-radius centralisé
 * ══════════════════════════════════════════════════════════════════ */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce .woocommerce-MyAccount-content .woocommerce-info a.wc-forward,
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a,
.woocommerce .woocommerce-MyAccount-content form.edit-account button.woocommerce-Button,
.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields button.button,
.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit,
.woocommerce form.woocommerce-form-register .woocommerce-form-row button.woocommerce-form-register__submit {
    border-radius: 0 !important;
}


/* ══════════════════════════════════════════════════════════════════
 * Boutons WooCommerce (couleur principale)
 * ══════════════════════════════════════════════════════════════════ */

/* Bouton "Commander" (checkout) */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    background-color: var(--oaka-wc-color-primary) !important;
    color: #ffffff !important;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
    background-color: var(--oaka-wc-color-primary-hover) !important;
    color: #ffffff !important;
    padding: 0.3em 1em !important;
}

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

.woocommerce .coupon button.button:hover,
.woocommerce-page .coupon button.button:hover {
    background-color: var(--oaka-wc-color-primary-hover) !important;
    color: #ffffff !important;
    padding: 0.3em 1em !important;
    border: 2px solid !important;
}

/* Boutons .alt (WooCommerce principal — "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: #ffffff !important;
    border: none !important;
    padding: 0.3em 1em !important;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
    background-color: var(--oaka-wc-color-primary-hover) !important;
    color: #ffffff !important;
    padding: 0.3em 1em !important;
}


/* ══════════════════════════════════════════════════════════════════
 * Page "Mon Compte"
 * ══════════════════════════════════════════════════════════════════ */

/* ── Écran de connexion / inscription ───────────────────────────── */

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

.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit:hover,
.woocommerce form.woocommerce-form-register .woocommerce-form-row button.woocommerce-form-register__submit:hover {
    color: #ffffff !important;
    background-color: var(--oaka-wc-color-primary-hover) !important;
    padding: 0.3em 1em !important;
}

/* Suppression de l'icône ::after injectée par Divi sur les boutons */
.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit::after,
.woocommerce form.woocommerce-form-register .woocommerce-form-row button.woocommerce-form-register__submit::after {
    line-height: inherit;
    content: "";
}

/* Lien "Mot de passe perdu ?" */
.woocommerce .woocommerce-form-login p.lost_password > a:hover {
    color: var(--oaka-wc-color-link-hover) !important;
}


/* ── Contenu des sous-pages ─────────────────────────────────────── */

/* Liens dans le contenu Mon Compte */
.woocommerce .woocommerce-MyAccount-content p a:hover {
    color: var(--oaka-wc-color-link-hover) !important;
}

/* Boutons a.button dans Mon Compte (ex : "Voir la commande", "Télécharger"…) */
.woocommerce .woocommerce-MyAccount-content a.button {
    background-color: var(--oaka-wc-color-primary) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 2px 20px !important;
    font-size: 15px !important;
}

.woocommerce .woocommerce-MyAccount-content a.button:hover {
    background-color: var(--oaka-wc-color-primary-hover) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 2px 20px !important;
}

/* Boutons d'action dans le tableau des commandes ("Voir", "Payer"…) */
.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a {
    background-color: var(--oaka-wc-color-primary) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 2px 20px !important;
    font-size: 18px !important;
}

.woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a:hover {
    background-color: var(--oaka-wc-color-primary-hover) !important;
    color: #ffffff !important;
}

/* Bannière d'information (ex : "Aucune commande") */
.woocommerce .woocommerce-MyAccount-content .woocommerce-info {
    display: flex;
    align-items: center;
    background: var(--oaka-wc-color-primary);
}

/* Bouton d'action dans la bannière (ex : "Commencer vos achats") */
.woocommerce .woocommerce-MyAccount-content .woocommerce-info a.wc-forward {
    margin-left: auto;
    background-color: var(--oaka-wc-color-primary) !important;
    color: #ffffff !important;
    border: none !important;
    font-size: 15px !important;
    padding: 2px 20px !important;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-info a.wc-forward:hover {
    background-color: var(--oaka-wc-color-primary-hover) !important;
    color: #ffffff !important;
    padding: 2px 20px !important;
    border: none !important;
}

/* Bouton de sauvegarde du formulaire "Modifier mon compte" */
.woocommerce .woocommerce-MyAccount-content form.edit-account button.woocommerce-Button {
    background-color: var(--oaka-wc-color-primary) !important;
    color: #ffffff !important;
    padding: 2px 20px !important;
    margin-top: 10px;
    margin-bottom: 60px;
    border: none !important;
}

/* Suppression de l'icône ::after Divi */
.woocommerce .woocommerce-MyAccount-content form.edit-account button.woocommerce-Button::after {
    content: "" !important;
    display: none !important;
}

.woocommerce .woocommerce-MyAccount-content form.edit-account button.woocommerce-Button:hover {
    background-color: var(--oaka-wc-color-primary-hover) !important;
    color: #ffffff !important;
    padding: 2px 20px !important;
    border: none !important;
}


/* ── Layout Mon Compte — flexbox pour largeur cohérente sur toutes les sous-pages ── */

.woocommerce-account .woocommerce {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 30%;
    flex-shrink: 0;
}

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

/* Neutralise les floats natifs WooCommerce */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
}

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

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

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }
}


/* ── Sidebar de navigation ──────────────────────────────────────── */

/* Liste verticale avec espacement entre les items */
.woocommerce .woocommerce-MyAccount-navigation > ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0px !important;
}

/* Item : fond gris clair + bordure gauche couleur principale */
.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link {
    display: flex;
    background-color: #f4f4f4;
    border-left: solid 3px var(--oaka-wc-color-primary);
    transition: all 0.2s ease-out;
}

/* Lien : padding tenant compte de l'icône dashicon positionnée en absolu */
.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link a {
    width: 100%;
    position: relative;
    padding: 10px 0 10px 45px;
    color: var(--oaka-wc-color-text) !important;
}

/* Icône dashicon avant le libellé du lien */
.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link a::before {
    font-family: dashicons;
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 3.5%;
    transform: translateY(-50%);
}

/* Icônes par item */
.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"; }

/* Couleur du lien au survol */
.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link a:hover {
    color: var(--oaka-wc-color-link-hover) !important;
}

/* Bordure gauche élargie au survol de l'item */
.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link:hover {
    border-left: solid 6px var(--oaka-wc-color-secondary);
}

/* Lien d'édition d'adresse (facturation / livraison) */
.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;
}

/* Bouton de sauvegarde des adresses */
.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields button.button {
    background-color: var(--oaka-wc-color-primary) !important;
    color: #ffffff !important;
    margin-top: 10px;
    margin-bottom: 60px;
    padding: 2px 20px !important;
    border: none !important;
}

.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields button.button:hover {
    background-color: var(--oaka-wc-color-primary-hover) !important;
    color: #ffffff !important;
}


/* ══════════════════════════════════════════════════════════════════
 * Plugin "Product Filter" (Themeum WPF)
 * ══════════════════════════════════════════════════════════════════ */

/* Bouton de réinitialisation des filtres */
.wpf_reset_btn {
    color: var(--oaka-wc-color-secondary) !important;
}

/* Couleur de base du formulaire de filtres */
form.wpf_form {
    color: var(--oaka-wc-color-secondary);
}

/* Survol des labels, de l'item "Promo" et du bouton reset */
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;
}

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

/* Labels des options de filtre */
form.wpf_form .wpf_item ul li label {
    font-weight: 400;
}

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

/* Checkbox personnalisée (remplacement du rendu natif) */
form.wpf_form input[type="checkbox"] {
    -webkit-appearance: none;
    float: left;
    border: 0.1em solid var(--oaka-wc-color-secondary);
    border-radius: 8px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    padding: 5px;
    background: #fff;
    display: grid;
    place-content: center;
    cursor: pointer;
}

/* Radio personnalisé (remplacement du rendu natif) */
form.wpf_form input[type="radio"] {
    -webkit-appearance: none;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    padding: 5px;
    background: #fff;
    border: 0.1em solid var(--oaka-wc-color-secondary);
    border-radius: 50%;
    display: grid;
    place-content: center;
    cursor: pointer;
}

/* Indicateur coché : clip-path en forme de coche */
form.wpf_form input[type="radio"]::before,
form.wpf_form input[type="checkbox"]::before {
    content: "" !important;
    width: 10px !important;
    height: 10px !important;
    transform: scale(0) !important;
    transition: 120ms transform ease-in-out;
    background-color: var(--oaka-wc-color-primary);
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

/* Indicateur visible quand la case est cochée */
form.wpf_form input[type="radio"]:checked::before,
form.wpf_form input[type="checkbox"]:checked::before {
    transform: scale(1) !important;
}

/* Barre de plage de prix : fond blanc pour contraste avec le track coloré */
form.wpf_form .ui-slider-range.ui-corner-all.ui-widget-header {
    background: #fff;
}

/* Section "Promo" : sans padding interne */
form.wpf_form .wpf_item.wpf_item_onsale {
    padding: 0;
    margin-top: 30px;
}

/* Bouton reset : espacement supérieur */
form.wpf_form .wpf_reset_btn {
    margin-top: 10px;
}

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

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

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

/* Fond de la notice "Aucun produit trouvé" */
.woocommerce .wpf-no-products-found p.woocommerce-info {
    background: var(--oaka-wc-color-secondary);
}


/* ══════════════════════════════════════════════════════════════════
 * Plugin "Ajax Search Pro / Lite"
 * ══════════════════════════════════════════════════════════════════ */

/* Titres et messages "aucun résultat" de la barre de recherche */
div.asl_r .results .item .asl_content h3 a,
div.asl_r .results .asl_nores,
#ajaxsearchlite1 .probox .proinput form input,
#ajaxsearchlite1 .probox .proinput form input::placeholder {
    color: var(--oaka-wc-color-secondary) !important;
    font-weight: 600;
}

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

/* Fond de la notice "Aucun résultat" en liste de résultats */
div.wpdreams_asl_results .resdrg .asl_nores {
    background-color: var(--oaka-wc-color-primary);
    color: #fff !important;
}

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

/* Icône de fermeture de la recherche */
div.asl_m .probox .proclose svg {
    background: #fff;
}


/* ══════════════════════════════════════════════════════════════════
 * Page de confirmation de commande (thank you page)
 * ══════════════════════════════════════════════════════════════════ */

/* Fond de la section de paiement */
div.et_pb_wc_checkout_payment_info_0.et_pb_wc_checkout_payment_info .woocommerce-order {
    background-color: #fff !important;
}

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

/* Espacement du récapitulatif de commande */
.woocommerce-order-details {
    margin-top: 30px !important;
}

/* Badge de promotion : couleur sur fond noir */
mark {
    background-color: #000;
    color: #fff;
}

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

/* Récapitulatif de commande : liste des méta (numéro, date, total…) */
.woocommerce ul.order_details {
    margin: 30px 0 50px;
    padding: 0;
    list-style: none;
}

.woocommerce ul.order_details li {
    float: left;
    margin-right: 1em;
    text-transform: uppercase;
    font-size: .715em;
    line-height: 1;
    border-right: 1px dashed var(--oaka-wc-color-primary);
    padding-right: 1em;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

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

/* Tableau des articles commandés — alignement des totaux */
table.woocommerce-table--order-details .product-total,
table.woocommerce-table--order-details .cart-subtotal td {
    text-align: right;
}

/* En-têtes : fond sombre */
table.woocommerce-table--order-details .product-name,
table.woocommerce-table--order-details .product-total {
    background-color: #333333;
    color: #ffffff;
}

/* Lignes articles : fond blanc */
table.woocommerce-table--order-details .order_item .product-name,
table.woocommerce-table--order-details .order_item .product-total {
    background-color: #ffffff;
    color: #666666;
}

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

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

/* Pied de tableau (sous-total, total…) : fond gris clair */
table.woocommerce-table--order-details tfoot tr {
    background-color: #eeeeee;
    color: #333333;
}

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

/* Bloc adresses client */
.woocommerce-customer-details address {
    background-color: #ffffff;
    color: #666666;
    padding: 20px !important;
    border-bottom-width: 1px !important;
    border-right-width: 1px !important;
}

.woocommerce-customer-details address .woocommerce-customer-details--phone,
.woocommerce-customer-details address .woocommerce-customer-details--email {
    margin-top: 5px;
    padding-bottom: 0;
}

/* Icônes téléphone / email */
.woocommerce-customer-details address .woocommerce-customer-details--phone::before,
.woocommerce-customer-details address .woocommerce-customer-details--email::before {
    color: var(--oaka-wc-color-primary);
}


/* ══════════════════════════════════════════════════════════════════
 * RWD — Adaptations mobiles
 * ══════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {

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

    .woocommerce ul.order_details li {
        float: inherit;
        margin-bottom: 20px;
        border-style: none;
        text-align: center;
    }

}