.elementor-12 .elementor-element.elementor-element-541ad2c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12 .elementor-element.elementor-element-541ad2c:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-541ad2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8cd9680 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-12 .elementor-element.elementor-element-515f7e76{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:12px 12px 12px 12px;}body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8cd9680 );}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-541ad2c{--content-width:800px;}}/* Start custom CSS for text-editor, class: .elementor-element-515f7e76 *//* =========================================================
   1. STRUCTURE EN 2 COLONNES VERROUILLÉE À 100%
   ========================================================= */

.elementor-12 .elementor-element.elementor-element-515f7e76,
.elementor-12 .elementor-element.elementor-element-515f7e76 .elementor-widget-container,
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce {
    display: flex !important;
    align-items: flex-start !important;
    gap: 40px !important;
}

/* Colonne du menu latéral */
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-navigation {
    flex: 0 0 230px !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    float: none !important;
    border-right: 1px solid #f0ede6 !important;
    padding-right: 25px !important;
    box-sizing: border-box !important;
}

/* Colonne de contenu */
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-content {
    flex: 1 1 auto !important;
    width: calc(100% - 270px) !important;
    min-width: 60% !important;
    float: none !important;
    box-sizing: border-box !important;
}


/* =========================================================
   2. MENU NAVIGATION LATÉRAL (STYLE MINIMALISTE)
   ========================================================= */

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-navigation ul li {
    list-style: none !important;
    margin-bottom: 6px !important;
    padding: 0 !important;
}

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4a4a4a !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-navigation ul li a:hover,
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #1a1a1a !important;
    background-color: #faf8f5 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-navigation ul li.is-active a {
    border-left: 3px solid #bf964a !important;
    border-radius: 0 6px 6px 0 !important;
}


/* =========================================================
   3. BLOCS D'INFORMATION & NOTIFICATIONS
   ========================================================= */

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-info,
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-message {
    background-color: #faf9f6 !important;
    border: 1px solid #eeebe3 !important;
    border-top: none !important;
    border-left: 3px solid #bf964a !important;
    border-radius: 6px !important;
    color: #333333 !important;
    padding: 18px 22px !important;
    margin-bottom: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
    line-height: 1.5 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-info::before,
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-message::before {
    display: none !important;
}


/* =========================================================
   4. BOUTONS D'ACTION DU COMPTE
   ========================================================= */

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-info .button,
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-info a.button,
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-message .button,
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-message a.button,
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-content .button {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 6px !important;
    padding: 9px 18px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    float: none !important;
    margin: 0 !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-info .button:hover,
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-info a.button:hover,
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-message .button:hover,
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-message a.button:hover,
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-content .button:hover {
    background-color: #bf964a !important;
    border-color: #bf964a !important;
    color: #ffffff !important;
    text-decoration: none !important;
}


/* =========================================================
   5. ADAPTATION MOBILE
   ========================================================= */

@media (max-width: 768px) {
    .elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce {
        flex-direction: column !important;
        gap: 25px !important;
    }

    .elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-navigation {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #f0ede6 !important;
        padding-right: 0 !important;
        padding-bottom: 15px !important;
    }

    .elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-content {
        width: 100% !important;
        min-width: 100% !important;
    }
}


/* =========================================================
   6. DASHBOARD ACCUEIL (TYPOGRAPHIE & CARTE)
   ========================================================= */

/* Message de salutation "Bonjour [Nom]" */
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-content > p:first-of-type {
    font-size: 18px !important;
    color: #1a1a1a !important;
    font-weight: 400 !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f0ede6 !important;
}

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-content > p:first-of-type strong {
    font-weight: 600 !important;
    color: #bf964a !important;
}

/* Lien Déconnexion discret entre parenthèses */
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-content > p:first-of-type a {
    font-size: 13px !important;
    color: #999999 !important;
    text-decoration: underline !important;
    margin-left: 6px !important;
}

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-content > p:first-of-type a:hover {
    color: #bf964a !important;
}

/* Deuxième paragraphe transformé en carte d'accueil épurée */
.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-content > p:nth-of-type(2) {
    background-color: #faf9f6 !important;
    border: 1px solid #eeebe3 !important;
    border-left: 3px solid #bf964a !important;
    border-radius: 6px !important;
    padding: 18px 22px !important;
    color: #555555 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-top: 10px !important;
}

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-content > p:nth-of-type(2) a {
    color: #1a1a1a !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.elementor-12 .elementor-element.elementor-element-515f7e76 .woocommerce-MyAccount-content > p:nth-of-type(2) a:hover {
    color: #bf964a !important;
}/* End custom CSS */