.elementor-9 .elementor-element.elementor-element-256e1399{--display:flex;}.elementor-9 .elementor-element.elementor-element-256e1399:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-256e1399 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-backgroundAccent );}.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 );line-height:var( --e-global-typography-text-line-height );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-9 .elementor-element.elementor-element-2ca71eff{width:100%;max-width:100%;text-align:start;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:2.1em;}.elementor-9 .elementor-element.elementor-element-2ca71eff.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-2ca71eff a{color:var( --e-global-color-accent );}.elementor-9 .elementor-element.elementor-element-2ca71eff a:hover, .elementor-9 .elementor-element.elementor-element-2ca71eff a:focus{color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-2ca71eff *//* ================================
   ESTILO "MINHA CONTA" - LVL GROUP - RESPONSIVO
   ================================ */

/* Container principal */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

/* Remove os pontos e limpa o alinhamento */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
}

/* Estilo dos itens da lista */
.woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    border-left: 4px solid transparent;
    transition: all 0.3s ease;
    display: block !important;
}

/* Links normais */
.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 12px 16px !important;
    text-decoration: none !important;
    color: #34592c !important;
    font-weight: 500 !important;
    background-color: #edf5ea !important;
    border-radius: 6px !important;
    transition: all 0.3s ease;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
}

/* Efeito hover */
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #cce1c0 !important;
    color: #1e3519 !important;
}

/* Item ativo (página atual) */
.woocommerce-MyAccount-navigation ul li.is-active {
    border-left: 4px solid #c2e69b !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #34592c !important;
    color: #fff !important;
    font-weight: 600 !important;
}

/* Container do conteúdo */
.woocommerce-MyAccount-content {
    background-color: #f5faef !important;
    padding: 20px !important;
    border-radius: 8px !important;
    float: none !important;
    width: 100% !important;
}

/* ========== RESPONSIVO ========== */

/* MOBILE - Telas menores que 768px */
@media (max-width: 767px) {
    .woocommerce-MyAccount-navigation ul li a {
        padding: 15px 12px !important;
        font-size: 15px !important;
        text-align: center !important;
    }
    
    .woocommerce-MyAccount-navigation ul {
        gap: 6px !important;
    }
    
    .woocommerce-MyAccount-content {
        padding: 15px !important;
        margin-top: 10px !important;
    }
    
    /* Remove borda lateral no mobile para mais espaço */
    .woocommerce-MyAccount-navigation ul li {
        border-left: none !important;
        border-bottom: 3px solid transparent;
    }
    
    .woocommerce-MyAccount-navigation ul li.is-active {
        border-left: none !important;
        border-bottom: 3px solid #c2e69b !important;
    }
}

/* TABLET - Telas entre 768px e 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 35% !important;
        float: left !important;
        margin-right: 5% !important;
    }
    
    .woocommerce-MyAccount-content {
        width: 60% !important;
        float: left !important;
    }
    
    .woocommerce-MyAccount-navigation ul li a {
        padding: 14px 16px !important;
        font-size: 15px !important;
    }
}

/* DESKTOP - Telas maiores que 1024px */
@media (min-width: 1025px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 25% !important;
        float: left !important;
        margin-right: 5% !important;
    }
    
    .woocommerce-MyAccount-content {
        width: 70% !important;
        float: left !important;
    }
    
    .woocommerce-MyAccount-navigation ul li a {
        padding: 12px 20px !important;
        font-size: 14px !important;
    }
    
    /* Efeito hover apenas no desktop */
    .woocommerce-MyAccount-navigation ul li a:hover {
        transform: translateX(5px);
    }
}

/* Mobile muito pequeno - Telas menores que 480px */
@media (max-width: 480px) {
    .woocommerce-MyAccount-navigation ul li a {
        padding: 12px 8px !important;
        font-size: 14px !important;
    }
    
    .woocommerce-MyAccount-content {
        padding: 12px !important;
    }
    
    .woocommerce-MyAccount-navigation ul {
        gap: 4px !important;
    }
}/* End custom CSS */