.elementor-10 .elementor-element.elementor-element-b4844f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-92b6be4 *//* =========================================================
   MASTER CSS - MON COMPTE (VERSION PRO - MOBILE FIRST)
   ========================================================= */

/* --- 1. BASE (MOBILE PAR DÉFAUT) --- */

/* Nettoyage radical des listes (Supprime les puces noires) */
.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-navigation li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Le Menu Navigation */
.woocommerce-MyAccount-navigation {
    margin-bottom: 30px !important;
    width: 100%;
}

.woocommerce-MyAccount-navigation ul {
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    background: #fff !important;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid #e2e2e2;
}
.woocommerce-MyAccount-navigation li:last-child { border-bottom: none; }

.woocommerce-MyAccount-navigation a {
    display: block; /* Prend toute la largeur */
    padding: 15px 20px;
    color: #271C4B !important; /* BLEU */
    text-decoration: none !important;
    font-weight: 500;
}

/* Menu Actif & Survol */
.woocommerce-MyAccount-navigation li.is-active a {
    background-color: #f4f4f4;
    border-left: 4px solid #C21F24; /* ROUGE */
    font-weight: 700;
}

/* --- 2. CONTENU & ADRESSES (MOBILE) --- */

/* Forcer les conteneurs d'adresses en blocs simples */
.woocommerce-MyAccount-content .u-columns,
.woocommerce-MyAccount-content .u-column1,
.woocommerce-MyAccount-content .u-column2 {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both;
}

/* La Carte Adresse (Design) */
.woocommerce-MyAccount-content .u-column1, 
.woocommerce-MyAccount-content .u-column2 {
    background: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 30px 15px; /* Padding latéral réduit sur mobile */
    margin-bottom: 20px;
    text-align: center !important; /* Force le centrage du texte */
}

/* Titre Adresse */
.woocommerce-Address-title h3 {
    text-align: center !important;
    color: #271C4B !important;
    font-size: 1.4rem;
    margin: 0 0 10px 0 !important;
    float: none !important;
}

/* Bouton Modifier (Centrage via marge auto) */
.woocommerce-Address-title a.edit {
    display: table !important; /* Astuce pour centrer un lien */
    margin: 10px auto 15px auto !important; /* Marge auto = Centrage horizontal */
    float: none !important;
    padding: 8px 25px;
    border: 1px solid #271C4B;
    color: #271C4B !important;
    border-radius: 50px;
    font-size: 0.9rem;
}

/* Texte Adresse */
.woocommerce-MyAccount-content address {
    text-align: center !important;
    font-style: normal;
    color: #666;
}

/* Boutons Globaux */
.woocommerce button.button {
    background-color: #271C4B !important;
    color: white !important;
    width: 100%; /* Pleine largeur sur mobile */
    border-radius: 4px;
    padding: 15px;
}

/* --- 3. VERSION ORDINATEUR (Override) --- */
@media (min-width: 769px) {
    /* Mise en page Flexbox gauche/droite */
    .woocommerce-account .woocommerce {
        display: flex !important;
        flex-direction: row;
        align-items: flex-start;
        gap: 40px;
    }

    .woocommerce-MyAccount-navigation { width: 28% !important; }
    .woocommerce-MyAccount-content { width: 70% !important; }

    /* Adresses côte à côte */
    .woocommerce-MyAccount-content .u-columns {
        display: flex !important;
        flex-direction: row;
        gap: 30px;
    }
    
    .woocommerce-MyAccount-content .u-column1,
    .woocommerce-MyAccount-content .u-column2 {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    /* Boutons taille normale sur PC */
    .woocommerce button.button {
        width: auto; 
    }
}

/* =========================================================
   PATCH COULEURS (FINITIONS)
   Bleu: #271C4B | Rouge: #C21F24
   ========================================================= */

/* 1. FORCER LA COULEUR DES LIENS DU MENU */
.woocommerce-MyAccount-navigation ul li a {
    color: #271C4B !important; /* Bleu foncé partout */
}

/* L'onglet actif reste bleu (plus lisible que rouge sur gris) mais gras */
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #271C4B !important;
    font-weight: 700 !important;
}

/* 2. LE BOUTON "PARCOURIR LES PRODUITS" (et autres boutons) */
/* Il était gris sur ta capture, on le passe en Bleu */
.woocommerce-MyAccount-content a.button,
.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content .woocommerce-Button {
    background-color: #271C4B !important; /* FOND BLEU */
    color: #ffffff !important; /* TEXTE BLANC */
    border: none !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

/* Au survol du bouton -> Rouge */
.woocommerce-MyAccount-content a.button:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce-MyAccount-content .woocommerce-Button:hover {
    background-color: #C21F24 !important; /* FOND ROUGE */
    color: #ffffff !important;
    transform: translateY(-2px); /* Petit effet de levier */
}

/* 3. LA BOÎTE DE NOTIFICATION ("Aucune commande...") */
.woocommerce-info, 
.woocommerce-message,
.woocommerce-error {
    background-color: #f9f9f9 !important; /* Fond gris très clair propre */
    border-top-color: #271C4B !important; /* La barre du haut en BLEU */
    color: #271C4B !important; /* Texte en BLEU */
}

/* L'icône (le petit carré ou point d'exclamation) avant le texte */
.woocommerce-info::before, 
.woocommerce-message::before,
.woocommerce-error::before {
    color: #C21F24 !important; /* Icône en ROUGE */
}

/* 4. LIENS DANS LE TEXTE (ex: "téléchargements" dans la phrase) */
.woocommerce-MyAccount-content a:not(.button):not(.edit) {
    color: #C21F24 !important; /* Liens texte en ROUGE pour qu'on les voie bien */
    text-decoration: underline;
}

/* --- FINITIONS MOBILE : Centrage Bouton & Marges --- */
@media (max-width: 768px) {
    /* On transforme la boîte de message en colonne flexible */
    .woocommerce-info, 
    .woocommerce-message, 
    .woocommerce-error {
        display: flex !important;
        flex-direction: column !important; /* Empile le texte et le bouton */
        align-items: center !important; /* Centre tout horizontalement */
        text-align: center !important;
    }

    /* On s'occupe du bouton spécifiquement */
    .woocommerce-info .button, 
    .woocommerce-message .button,
    .woocommerce-error .button {
        float: none !important; /* Annule l'alignement à droite par défaut */
        margin-top: 20px !important; /* Ajoute l'espace (marge) au-dessus */
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: auto !important; /* Le bouton garde sa taille naturelle (pas full width) */
    }
}/* End custom CSS */