.elementor-212 .elementor-element.elementor-element-7339565{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-212 .elementor-element.elementor-element-2209efb3{text-align:justify;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:#000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;width:100%;max-width:100%;}.elementor-212 .elementor-element.elementor-element-2209efb3 p{margin-block-end:0px;}.elementor-212 .elementor-element.elementor-element-2209efb3 a{color:var( --e-global-color-ce00401 );}.elementor-212 .elementor-element.elementor-element-2209efb3 a:hover, .elementor-212 .elementor-element.elementor-element-2209efb3 a:focus{color:var( --e-global-color-primary );}.elementor-212 .elementor-element.elementor-element-2209efb3.elementor-element{--align-self:center;}.elementor-212 .elementor-element.elementor-element-98e1bc2{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-212 .elementor-element.elementor-element-2209efb3{font-size:var( --e-global-typography-text-font-size );}.elementor-212 .elementor-element.elementor-element-2209efb3 p{margin-block-end:30px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-212 .elementor-element.elementor-element-7339565{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-212 .elementor-element.elementor-element-2209efb3{text-align:start;font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-2209efb3 *//* ============================================================
   DA CL ATELIER - PACK COMPLET PAGE "MON COMPTE"
   ============================================================ */

/* --- 1. NAVIGATION (ONGLETS DE GAUCHE) --- */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    border: none !important;
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #eee !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 15px 5px !important;
    color: #888 !important; /* Inactif en gris */
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* État Actif et Survol (Adieu le bleu) */
.woocommerce-MyAccount-navigation ul li:hover a,
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #000 !important; /* Actif en Noir */
    padding-left: 10px !important; /* Petit décalage élégant */
}

.woocommerce-MyAccount-navigation ul li.is-active {
    border-bottom: 1.5px solid #000 !important;
}

/* --- 2. FORMULAIRES (CONNEXION & INSCRIPTION) --- */
.woocommerce-form-login, .woocommerce-form-register {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-form-row label {
    display: block !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

.woocommerce-Input.input-text {
    height: 50px !important;
    border: 1px solid #000 !important;
    border-radius: 0px !important;
    padding: 10px 15px !important;
    background-color: transparent !important;
    width: 100% !important;
}

/* --- 3. TOUS LES BOUTONS DE LA PAGE MON COMPTE --- */
/* Cible Connexion, Inscription, et le bouton "Voir" des commandes */
.woocommerce-MyAccount-content .button,
.woocommerce-form-login .button,
.woocommerce-form-register .button,
.woocommerce-Button.button {
    background-color: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 0px !important;
    padding: 18px 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    transition: all 0.4s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-form-login .button:hover,
.woocommerce-form-register .button:hover {
    background-color: transparent !important;
    color: #1a1a1a !important;
}

/* --- 4. TABLEAUX DE COMMANDES & DÉTAILS --- */
.woocommerce-MyAccount-content table.shop_table {
    border-radius: 0px !important;
    border: 1px solid #eee !important;
    font-size: 13px !important;
}

.woocommerce-MyAccount-content table.shop_table th {
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    background-color: #f9f9f9 !important;
    padding: 15px !important;
}

.woocommerce-MyAccount-content table.shop_table td {
    padding: 15px !important;
}

/* --- 5. MESSAGES D'ALERTE ET D'INFO --- */
.woocommerce-info, 
.woocommerce-message, 
.woocommerce-error {
    border-top: 3px solid #000 !important; /* Barre noire au lieu de bleu */
    background-color: #f9f9f9 !important;
    color: #000 !important;
    border-radius: 0px !important;
    padding: 20px !important;
    font-size: 13px !important;
}

.woocommerce-info::before, 
.woocommerce-message::before, 
.woocommerce-error::before {
    color: #000 !important;
}

/* --- 6. LIEN MOT DE PASSE PERDU --- */
.woocommerce-LostPassword a {
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #999 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #ccc;
}

.woocommerce-LostPassword a:hover {
    color: #000 !important;
    border-bottom: 1px solid #000;
}/* End custom CSS */