.elementor-70 .elementor-element.elementor-element-37b8ebdd{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.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 );}@media(min-width:768px){.elementor-70 .elementor-element.elementor-element-37b8ebdd{--content-width:996px;}}/* Start custom CSS for text-editor, class: .elementor-element-60a11dac *//* Estilo do formulário de login (Fallback e card principal) */
.woocommerce-account .woocommerce form.login {
    max-width: 420px;
    margin: 40px auto; /* Centraliza horizontalmente */
    background: #fff;
    padding: 30px; /* Adiciona espaço interno pra conforto */
    border: none;
    border-radius: 8px; /* Suaviza cantos pra modernidade */
    box-shadow: none;
}

/* ========================================
   Layout Geral da Minha Conta: Força Top Horizontal
   ======================================== */
/* Destrói o two-column default (sidebar left) */
.woocommerce-account .col2-set,
.woocommerce-account .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content {
    display: block !important; /* Stack vertical: nav no topo, content abaixo */
    width: 100% !important;
}

.woocommerce-MyAccount-navigation {
    width: 100% !important;
    float: none !important; /* Remove float left do sidebar */
    overflow-x: auto; /* Scroll horizontal se itens muitos */
    margin-bottom: 20px;
    padding: 0;
}

.woocommerce-MyAccount-content {
    width: 100% !important;
    padding: 10px 0;
    margin-top: 0 !important; /* Cola no nav sem gap extra */
}

/* ========================================
   Navegação da Conta (Minha Conta)
   ======================================== */
.entry-content ul,
.entry-content ol {
    padding-left: 0;
}

.woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-direction: row; /* Força horizontal */
    flex-wrap: nowrap; /* Sem quebra, scroll se preciso */
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 5px; /* Espaçamento entre itens sem margin hack */
    justify-content: flex-start; /* Alinha à esquerda, mas full width */
    align-items: center;
}

.woocommerce-MyAccount-navigation ul li {
    flex-shrink: 0; /* Não encolhe itens */
    margin-bottom: 0; /* Remove margem vertical (ajustado do 5px) */
    white-space: nowrap; /* CORREÇÃO: Evita quebras internas no li */
    border: 1px solid transparent; /* Inicialmente transparente (mantido no li para compatibilidade) */
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 20px;
    background: #f4f4f7;
    color: #333;
    text-decoration: none; /* Remove underline padrão */
    transition: all 0.3s ease; /* Transição mais suave */
    border-radius: 4px; /* Cantos arredondados nos links */
    /* CORREÇÃO: Adiciona borda inicial para que border-color funcione no hover */
    border: 1px solid transparent;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li a:focus,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #EC1E79;
    color: #fff;
    border-color: #EC1E79; /* Agora visível graças à borda inicial */
    outline: none; /* Remove outline padrão, mas mantém focus via :focus */
}

.woocommerce-MyAccount-navigation ul li a:focus {
    box-shadow: 0 0 0 2px rgba(236, 30, 121, 0.3); /* Focus acessível pro rosa */
}

/* Remove quebras de linha em campos wide do form */
p.woocommerce-form-row--wide.form-row-wide br {
    display: none !important;
}

/* ========================================
   Responsivo: Wrap no mobile pra evitar scroll excessivo
   ======================================== */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        flex-wrap: wrap; /* Quebra em mobile pra caber */
        justify-content: flex-start;
        gap: 8px; /* OTIMIZAÇÃO: Ajuste intermediário para melhor espaçamento */
    }
    
    .woocommerce-MyAccount-navigation ul li {
        white-space: normal; /* CORREÇÃO: Permite quebra no li em mobile */
    }
    
    .woocommerce-MyAccount-navigation ul li a {
        padding: 8px 16px;
        white-space: normal; /* Permite quebra em mobile */
    }
    
    .woocommerce-account .woocommerce form.login {
        margin: 20px 10px;
        padding: 20px;
    }
}/* End custom CSS */