/* =========================================
   1. Bloc "Mon compte" : fond blanc + arrondi
   ========================================= */
.woocommerce .wd-my-account-wrapper {
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    overflow: hidden; /* arrondi propre */
    border-top: 3px solid #FD4C1E;
}

/* Masquer le bandeau/titre Woodmart du haut sur la page Mon compte */
body.woocommerce-account .wd-page-title {
    display: none !important;
}

/* =========================================
   2. Cacher le gros titre WP
   mais PAS le "MON COMPTE" dans la sidebar
   ========================================= */
.woocommerce-account .entry-title:not(.woocommerce-MyAccount-title) {
    display: none;
}
.woocommerce .wd-my-account-sidebar .woocommerce-MyAccount-title {
    display: block;
}

/* =========================================
   3. Couleurs globales
   ========================================= */
.woocommerce .wd-my-account-wrapper,
.woocommerce .wd-my-account-wrapper p,
.woocommerce .wd-my-account-wrapper li,
.woocommerce .wd-my-account-wrapper .woocommerce-MyAccount-content {
    color: #464646;
}

/* liens en orange par défaut */
.woocommerce .wd-my-account-wrapper a {
    color: #FD4C1E;
}

/* =========================================
   4. Menu de gauche
   ========================================= */
/* base gris */
.woocommerce .wd-my-account-wrapper .woocommerce-MyAccount-navigation ul li a {
    color: #464646;
}

/* item actif : fond orange + texte blanc */
.woocommerce .wd-my-account-wrapper .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #FD4C1E;
    color: #fff;
    border-radius: 6px;
}

/* hover sur les autres items → texte orange */
.woocommerce .wd-my-account-wrapper .woocommerce-MyAccount-navigation ul li a:hover {
    color: #FD4C1E;
}

/* mais si l'item est actif, on garde le texte blanc et on fonce le fond */
.woocommerce .wd-my-account-wrapper .woocommerce-MyAccount-navigation ul li.is-active a:hover {
    background: #e4461b;
    color: #fff;
}

/* =========================================
   5. Les grosses cartes (Commandes, etc.)
   ========================================= */
/* texte des cartes en gris par défaut */
.woocommerce .wd-my-account-wrapper .wd-my-account-links a,
.woocommerce .wd-my-account-wrapper .wd-my-account-links .nav-link-text {
    color: #464646;
}
/* survol des cartes → orange */
.woocommerce .wd-my-account-wrapper .wd-my-account-links a:hover,
.woocommerce .wd-my-account-wrapper .wd-my-account-links a:hover .nav-link-text {
    color: #FD4C1E;
}

/* =========================================
   6. Notices WooCommerce : liens en blanc
   ========================================= */
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-error a {
    color: #FD4C1E !important;
    text-decoration: underline;
}
.woocommerce .woocommerce-message a:hover,
.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-error a:hover {
    color: #e4461b !important;
}

/* =========================================
   7. Liens dans le contenu du compte (formulaires, etc.)
   → orange toujours, pas de hover différent
   (on exclut les notices pour ne pas les casser)
   ========================================= */
.woocommerce-account .woocommerce-MyAccount-content :not(.woocommerce-message):not(.woocommerce-info):not(.woocommerce-error) a {
    color: #FD4C1E;
}
.woocommerce-account .woocommerce-MyAccount-content :not(.woocommerce-message):not(.woocommerce-info):not(.woocommerce-error) a:hover {
    color: #FD4C1E;
}

/* =========================================
   8. Boutons dans la zone "Mon compte"
   (mais pas dans les notices)
   ========================================= */
.woocommerce-account .woocommerce-MyAccount-content :not(.woocommerce-message):not(.woocommerce-info):not(.woocommerce-error) .button,
.woocommerce-account .woocommerce-MyAccount-content :not(.woocommerce-message):not(.woocommerce-info):not(.woocommerce-error) a.button,
.woocommerce-account .woocommerce-MyAccount-content :not(.woocommerce-message):not(.woocommerce-info):not(.woocommerce-error) button.button {
    background: #FD4C1E !important;
    color: #fff !important;
    border: none;
    border-radius: 6px;
    font-weight: 600;
}

/* Hover/focus : on fonce, texte reste blanc */
.woocommerce-account .woocommerce-MyAccount-content :not(.woocommerce-message):not(.woocommerce-info):not(.woocommerce-error) .button:hover,
.woocommerce-account .woocommerce-MyAccount-content :not(.woocommerce-message):not(.woocommerce-info):not(.woocommerce-error) a.button:hover,
.woocommerce-account .woocommerce-MyAccount-content :not(.woocommerce-message):not(.woocommerce-info):not(.woocommerce-error) button.button:hover,
.woocommerce-account .woocommerce-MyAccount-content :not(.woocommerce-message):not(.woocommerce-info):not(.woocommerce-error) .button:focus {
    background: #e4461b !important;
    color: #fff !important;
}

/* Bouton "Ajouter un moyen de paiement" */
.woocommerce-account .woocommerce-MyAccount-content a.button[href*="add-payment-method"] {
    background: #FD4C1E !important;
    color: #fff !important;
    border: none;
    border-radius: 6px;
    font-weight: 600;
}

/* hover/focus : fond un peu plus foncé, texte toujours blanc */
.woocommerce-account .woocommerce-MyAccount-content a.button[href*="add-payment-method"]:hover,
.woocommerce-account .woocommerce-MyAccount-content a.button[href*="add-payment-method"]:focus {
    background: #e4461b !important;
    color: #fff !important;
}
