/*
Theme Name:   Trevell Divi Child
Theme URI:    http://trevell.fr
Description:  Thème enfant pour Divi
Author:       Trevell
Author URI:   http://trevell.fr
Template:     Divi
Version:      1.0.1
*/

/* =============================== */
/* 🎨 PERSONNALISATION BOUTON "AJOUTER AU PANIER" */
/* =============================== */

/* Style du bouton "Ajouter au panier" */
.custom-add-to-cart .button {
    background-color: #F29568;  /* Couleur de fond */
    color: white;               /* Couleur du texte */
    padding: 10px 20px !important;
    border-radius: 5px !important;
    border-color: #F29568;
    font-size: 14px !important;
    transition: background-color 0.3s ease !important;
}

/* Style au survol du bouton "Ajouter au panier" */
.custom-add-to-cart .button:hover {
    background-color: white;    /* Couleur au survol */
    color: #F29568 !important;
    border: 1px solid #F29568 !important;
}

/* =============================== */
/* 🎨 STYLES RÉACTIFS SUR MOBILE */
/* =============================== */
@media screen and (max-width: 764px) {

    /* Modifier la largeur du bouton coupon dans le panier */
    .woocommerce-page table.cart td.actions .coupon .button {
        width: 100%;
    }
}

/* =============================== */
/* 🎨 NOTIFICATION DE LA BOUTIQUE */
/* =============================== */
.woocommerce-store-notice a, p.demo_store a {
    font-weight: 600;
    color: #000 !important;
}

.woocommerce-demo-store .demo_store {
    background-color: #e2cdb7;
}

/* =============================== */
/* 🎨 PERSONNALISATION BOUTON "RETOUR EN HAUT" */
/* =============================== */

.et_pb_scroll_top.et-pb-icon {
    right: 15px; /* Décalage du bouton du bord de l'écran */
    border-radius: 20px !important; /* Arrondir le bouton */
    padding-right: 7px; /* Ajustement de la marge interne */
    background: #F29568; /* Couleur de fond */
}

/* =============================== */
/* 🎨 MENU MOBILE : ICONES ET COMPORTEMENT */
/* =============================== */

/* Icones du menu mobile */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0 !important;
    max-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    background-color: transparent;
    border-bottom: 0;
    text-align: center;
}

/* Comportement des sous-menus du menu mobile */
ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}

/* Icône d'ouverture et de fermeture dans le menu mobile */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons {
    top: 10px;
    position: relative;
}

ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon {
    display: none;
}

ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle .dt-open-icon {
    display: none;
}

/* =============================== */
/* 🎨 PERSONNALISATION DU MENU "MON COMPTE" */
/* =============================== */

/* Alignement icône + texte dans le menu "Mon Compte" */
.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
}

/* Base des icônes (Divi ETmodules) */
.woocommerce-MyAccount-navigation ul li a::before {
    font-family: "ETmodules" !important;
    margin-right: 10px;
    font-size: 16px;
    display: inline-block;
}

/* Titre des sections "Mon Compte" */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\e08a"; /* Tableau de bord */
}

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

.woocommerce-MyAccount-navigation-link--wlfmc-wishlist a::before {
    content: "\e030"; /* Liste de souhaits */
}

.woocommerce-MyAccount-navigation-link--wlfmc-waitlist a::before {
    content: "\e086"; /* Retour en stock */
}

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

.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    content: "\e100"; /* Moyens de paiement */
}

.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\e08a"; /* Détails du compte */
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\e02e"; /* Déconnexion */
}

/* =============================== */
/* 🎨 WLFMC / WAITLIST */
/* =============================== */

/* Masquer élément waitlist inutile */
.woocommerce-MyAccount-content .wlfmc-waitlist-type {
    display: none !important;
}

/* Titre "Out of stock" */
.wlfmc-title {
    text-align: center;
    color: red !important;
    font-weight: bold !important;
}