/**
 * 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: #2ea3f2; */
    /* 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; */
}


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


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


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


/* ════════════════════════════════════════════════════════════════════
 * 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: var(--oaka-wc-color-primary-hover) !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 */
}


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

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

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

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

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
    /* background-color: var(--oaka-wc-color-primary-hover) !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 {
    /* background-color: var(--oaka-wc-color-primary-hover) !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 {
    /* background-color: var(--oaka-wc-color-secondary) !important; */
    /* border-top-color: var(--oaka-wc-color-secondary-hover) !important; */
    /* color: #fff !important; */
}

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


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


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

/* 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 {
    /* background-color: var(--oaka-wc-color-primary-hover) !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: var(--oaka-wc-color-primary); */
}

/* Bouton "Commencer vos achats" dans la bannière */
.woocommerce .woocommerce-MyAccount-content .woocommerce-info a.wc-forward {
    /* background-color: var(--oaka-wc-color-primary) !important; */
    /* color: #fff !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%; */
    }
}


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

/* Titres de sections "Détail de commande" / "Informations client" */
h2.woocommerce-order-details__title,
h2.woocommerce-column__title {
    /* 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; */
}

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


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


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


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

}