.elementor-10 .elementor-element.elementor-element-dc4c9f5{--display:flex;--min-height:253px;--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;--justify-content:center;--overlay-opacity:0.4;}.elementor-10 .elementor-element.elementor-element-dc4c9f5::before, .elementor-10 .elementor-element.elementor-element-dc4c9f5 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-dc4c9f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-dc4c9f5 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-dc4c9f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-dc4c9f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-2c521a5 );--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-dc4c9f5 .elementor-background-slideshow__slide__image{background-position:center center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-22aae74{text-align:center;}.elementor-10 .elementor-element.elementor-element-22aae74 .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-3c3cc6e1{--display:flex;--margin-top:50px;--margin-bottom:0100px;--margin-left:0px;--margin-right:0px;}.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-10 .elementor-element.elementor-element-144af5d6{column-gap:87px;font-family:"Quicksand", Sans-serif;font-weight:400;}.elementor-10 .elementor-element.elementor-element-144af5d6 p{margin-block-end:0px;}.elementor-10 .elementor-element.elementor-element-144af5d6 a{color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-3c3cc6e1 *//* ----- Menu latéral (navigation) ----- */
.woocommerce-MyAccount-navigation {
    width: 250px;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    float: left; /* on laisse le menu flotter à gauche */
    margin-right: 30px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 12px;
}

.woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 12px 15px;
    background: #fff;
    color: #333;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
    font-weight: 500;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
    background: #F7AC66;
    color: #fff;
    border-left: 4px solid #F78A3D;
}

/* ----- Contenu principal ----- */
.woocommerce-MyAccount-content {
    overflow: hidden; /* pour que float fonctionne correctement */
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    
}

/* ----- Boutons WooCommerce ----- */
.woocommerce-MyAccount-content .button,
.woocommerce .woocommerce-Button {
    background-color: #F7AC66;
    color: #fff;
    border: none;
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce .woocommerce-Button:hover {
    background-color: #F78A3D;
    color: #fff;
}

/* ----- Formulaires WooCommerce ----- */
.woocommerce form .input-text,
.woocommerce form .select,
.woocommerce form textarea {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1em;
}

/* ----- Responsive ----- */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

/* ----- Menu latéral (navigation) ----- */
.woocommerce-MyAccount-navigation {
    width: 220px; /* réduit de 250px à 220px */
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    padding: 20px;
    float: left; /* menu à gauche */
    margin-right: 20px; /* réduit de 30px à 20px */
}

/* ----- Contenu principal ----- */
.woocommerce-MyAccount-content {
    overflow: hidden; /* pour float */
    background: #fff;
    padding: 25px; /* réduit un peu le padding pour tenir sur une ligne */
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* ----- Boutons WooCommerce ----- */
.woocommerce-MyAccount-content .button,
.woocommerce .woocommerce-Button {
    background-color: #F7AC66;
    color: #fff;
    border: none;
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce .woocommerce-Button:hover {
    background-color: #F78A3D;
    color: #fff;
}

/* ----- Formulaires WooCommerce ----- */
.woocommerce form .input-text,
.woocommerce form .select,
.woocommerce form textarea {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1em;
}

/* ----- Responsive ----- */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
}/* End custom CSS */