/* ==========================================================
   SERVAUX - MINHA CONTA / LOGIN, CADASTRO E PAINEL
   Arquivo: 09-minha-conta-login.css
   ========================================================== */


/* ==========================================================
   1. BASE DA PÁGINA DESLOGADA
   ========================================================== */

body:has(form.woocommerce-form-login),
body:has(form.login),
body:has(form.woocommerce-form-register),
body:has(form.register) {
    background: #ffffff !important;
}

body:has(form.woocommerce-form-login) main,
body:has(form.login) main,
body:has(form.woocommerce-form-register) main,
body:has(form.register) main,
body:has(form.woocommerce-form-login) .site-main,
body:has(form.login) .site-main,
body:has(form.woocommerce-form-register) .site-main,
body:has(form.register) .site-main,
body:has(form.woocommerce-form-login) .entry-content,
body:has(form.login) .entry-content,
body:has(form.woocommerce-form-register) .entry-content,
body:has(form.register) .entry-content {
    width: 100% !important;
    background: #ffffff !important;
}


/* ==========================================================
   2. TÍTULO PRINCIPAL
   ========================================================== */

body:has(form.woocommerce-form-login) main h1,
body:has(form.login) main h1,
body:has(form.woocommerce-form-register) main h1,
body:has(form.register) main h1,
body:has(form.woocommerce-form-login) .site-main h1,
body:has(form.login) .site-main h1,
body:has(form.woocommerce-form-register) .site-main h1,
body:has(form.register) .site-main h1,
body:has(form.woocommerce-form-login) .entry-content h1,
body:has(form.login) .entry-content h1,
body:has(form.woocommerce-form-register) .entry-content h1,
body:has(form.register) .entry-content h1,
body:has(form.woocommerce-form-login) .page-title,
body:has(form.login) .page-title,
body:has(form.woocommerce-form-register) .page-title,
body:has(form.register) .page-title,
body:has(form.woocommerce-form-login) .entry-title,
body:has(form.login) .entry-title,
body:has(form.woocommerce-form-register) .entry-title,
body:has(form.register) .entry-title {
    color: #111111 !important;
    font-size: 54px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    text-align: center !important;
    margin: 55px 0 42px 0 !important;
}


/* ==========================================================
   3. CONTAINER GERAL LOGIN / CADASTRO
   ========================================================== */

body:has(form.woocommerce-form-login) main .woocommerce,
body:has(form.login) main .woocommerce,
body:has(form.woocommerce-form-register) main .woocommerce,
body:has(form.register) main .woocommerce,
body:has(form.woocommerce-form-login) .site-main .woocommerce,
body:has(form.login) .site-main .woocommerce,
body:has(form.woocommerce-form-register) .site-main .woocommerce,
body:has(form.register) .site-main .woocommerce,
body:has(form.woocommerce-form-login) .entry-content .woocommerce,
body:has(form.login) .entry-content .woocommerce,
body:has(form.woocommerce-form-register) .entry-content .woocommerce,
body:has(form.register) .entry-content .woocommerce {
    width: 100% !important;
    max-width: 1080px !important;
    margin: 0 auto 90px auto !important;
    padding: 0 20px !important;
}


/* ==========================================================
   4. LAYOUT FORÇADO LOGIN ESQUERDA / CADASTRO DIREITA
   ========================================================== */

/*
   Container padrão do WooCommerce para login + cadastro:
   <div id="customer_login" class="u-columns col2-set">
*/

.woocommerce #customer_login,
.woocommerce .u-columns.col2-set#customer_login,
.woocommerce .col2-set#customer_login {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 34px !important;
    width: 100% !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Login sempre na esquerda */
.woocommerce #customer_login .u-column1,
.woocommerce #customer_login .col-1,
.woocommerce .u-columns.col2-set#customer_login .u-column1,
.woocommerce .u-columns.col2-set#customer_login .col-1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cadastro sempre na direita */
.woocommerce #customer_login .u-column2,
.woocommerce #customer_login .col-2,
.woocommerce .u-columns.col2-set#customer_login .u-column2,
.woocommerce .u-columns.col2-set#customer_login .col-2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*
   Fallback caso algum template exiba h2 + form diretamente
   dentro de .woocommerce, sem #customer_login.
*/
.woocommerce:has(> h2 + form.login):has(> h2 + form.register) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 34px !important;
    max-width: 1080px !important;
    margin: 0 auto 90px auto !important;
}

.woocommerce > h2:has(+ form.login) {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.woocommerce > form.login {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

.woocommerce > h2:has(+ form.register) {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.woocommerce > form.register {
    grid-column: 2 !important;
    grid-row: 2 !important;
}

/* Quando só existir login, mantém centralizado */
body:has(form.woocommerce-form-login):not(:has(form.register)):not(:has(form.woocommerce-form-register)) .woocommerce .u-column1,
body:has(form.login):not(:has(form.register)):not(:has(form.woocommerce-form-register)) .woocommerce .u-column1,
body:has(form.woocommerce-form-login):not(:has(form.register)):not(:has(form.woocommerce-form-register)) .woocommerce .col-1,
body:has(form.login):not(:has(form.register)):not(:has(form.woocommerce-form-register)) .woocommerce .col-1 {
    float: none !important;
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}


/* ==========================================================
   5. TÍTULOS ENTRAR / CADASTRE-SE
   ========================================================== */

body:has(form.woocommerce-form-login) .woocommerce .u-column1 > h2,
body:has(form.login) .woocommerce .u-column1 > h2,
body:has(form.woocommerce-form-login) .woocommerce .col-1 > h2,
body:has(form.login) .woocommerce .col-1 > h2,
body:has(form.woocommerce-form-login) .woocommerce h2:has(+ form.woocommerce-form-login),
body:has(form.login) .woocommerce h2:has(+ form.login),
body:has(form.woocommerce-form-register) .woocommerce .u-column2 > h2,
body:has(form.register) .woocommerce .u-column2 > h2,
body:has(form.woocommerce-form-register) .woocommerce .col-2 > h2,
body:has(form.register) .woocommerce .col-2 > h2,
body:has(form.woocommerce-form-register) .woocommerce h2:has(+ form.woocommerce-form-register),
body:has(form.register) .woocommerce h2:has(+ form.register) {
    color: #111111 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    margin: 0 auto 20px auto !important;
}


/* ==========================================================
   6. CARDS DOS FORMULÁRIOS
   ========================================================== */

body:has(form.woocommerce-form-login) form.woocommerce-form-login,
body:has(form.login) form.login,
body:has(form.woocommerce-form-register) form.woocommerce-form-register,
body:has(form.register) form.register,
body:has(form.woocommerce-form-login) .woocommerce form.woocommerce-form-login,
body:has(form.login) .woocommerce form.login,
body:has(form.woocommerce-form-register) .woocommerce form.woocommerce-form-register,
body:has(form.register) .woocommerce form.register {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 34px 34px 30px 34px !important;
    display: block !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10) !important;
}

/* Quando só existir login, limita o card */
body:has(form.woocommerce-form-login):not(:has(form.register)):not(:has(form.woocommerce-form-register)) form.woocommerce-form-login,
body:has(form.login):not(:has(form.register)):not(:has(form.woocommerce-form-register)) form.login {
    max-width: 480px !important;
}


/* ==========================================================
   7. CAMPOS E LABELS
   ========================================================== */

body:has(form.woocommerce-form-login) form.woocommerce-form-login .form-row,
body:has(form.login) form.login .form-row,
body:has(form.woocommerce-form-register) form.woocommerce-form-register .form-row,
body:has(form.register) form.register .form-row {
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
}

body:has(form.woocommerce-form-login) form.woocommerce-form-login label,
body:has(form.login) form.login label,
body:has(form.woocommerce-form-register) form.woocommerce-form-register label,
body:has(form.register) form.register label {
    display: block !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

body:has(form.woocommerce-form-login) form.woocommerce-form-login input.input-text,
body:has(form.woocommerce-form-login) form.woocommerce-form-login input[type="text"],
body:has(form.woocommerce-form-login) form.woocommerce-form-login input[type="email"],
body:has(form.woocommerce-form-login) form.woocommerce-form-login input[type="password"],
body:has(form.login) form.login input.input-text,
body:has(form.login) form.login input[type="text"],
body:has(form.login) form.login input[type="email"],
body:has(form.login) form.login input[type="password"],
body:has(form.woocommerce-form-register) form.woocommerce-form-register input.input-text,
body:has(form.woocommerce-form-register) form.woocommerce-form-register input[type="text"],
body:has(form.woocommerce-form-register) form.woocommerce-form-register input[type="email"],
body:has(form.woocommerce-form-register) form.woocommerce-form-register input[type="password"],
body:has(form.register) form.register input.input-text,
body:has(form.register) form.register input[type="text"],
body:has(form.register) form.register input[type="email"],
body:has(form.register) form.register input[type="password"] {
    width: 100% !important;
    height: 48px !important;
    padding: 0 15px !important;
    background: #f8fbff !important;
    border: 1px solid #d7dce5 !important;
    border-radius: 12px !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    outline: none !important;
    box-shadow: none !important;
}

body:has(form.woocommerce-form-login) form.woocommerce-form-login input.input-text:focus,
body:has(form.login) form.login input.input-text:focus,
body:has(form.woocommerce-form-register) form.woocommerce-form-register input.input-text:focus,
body:has(form.register) form.register input.input-text:focus,
body:has(form.woocommerce-form-login) form.woocommerce-form-login input[type="text"]:focus,
body:has(form.woocommerce-form-login) form.woocommerce-form-login input[type="email"]:focus,
body:has(form.woocommerce-form-login) form.woocommerce-form-login input[type="password"]:focus,
body:has(form.login) form.login input[type="text"]:focus,
body:has(form.login) form.login input[type="email"]:focus,
body:has(form.login) form.login input[type="password"]:focus,
body:has(form.woocommerce-form-register) form.woocommerce-form-register input[type="text"]:focus,
body:has(form.woocommerce-form-register) form.woocommerce-form-register input[type="email"]:focus,
body:has(form.woocommerce-form-register) form.woocommerce-form-register input[type="password"]:focus,
body:has(form.register) form.register input[type="text"]:focus,
body:has(form.register) form.register input[type="email"]:focus,
body:has(form.register) form.register input[type="password"]:focus {
    background: #ffffff !important;
    border-color: #0099ff !important;
    box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.12) !important;
}

/* Ícone mostrar senha */
body:has(form.woocommerce-form-login) form.woocommerce-form-login .show-password-input,
body:has(form.login) form.login .show-password-input,
body:has(form.woocommerce-form-register) form.woocommerce-form-register .show-password-input,
body:has(form.register) form.register .show-password-input {
    color: #111111 !important;
    opacity: 0.7 !important;
    right: 14px !important;
}

body:has(form.woocommerce-form-login) form.woocommerce-form-login .show-password-input:hover,
body:has(form.login) form.login .show-password-input:hover,
body:has(form.woocommerce-form-register) form.woocommerce-form-register .show-password-input:hover,
body:has(form.register) form.register .show-password-input:hover {
    color: #0099ff !important;
    opacity: 1 !important;
}


/* ==========================================================
   8. BOTÕES DOS FORMULÁRIOS
   ========================================================== */

body:has(form.woocommerce-form-login) form.woocommerce-form-login button.button,
body:has(form.woocommerce-form-login) form.woocommerce-form-login .button,
body:has(form.login) form.login button.button,
body:has(form.login) form.login .button,
body:has(form.woocommerce-form-register) form.woocommerce-form-register button.button,
body:has(form.woocommerce-form-register) form.woocommerce-form-register .button,
body:has(form.register) form.register button.button,
body:has(form.register) form.register .button {
    width: 100% !important;
    min-height: 48px !important;
    margin: 8px 0 0 0 !important;
    padding: 12px 22px !important;
    background: #0099ff !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    box-shadow: none !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
}

body:has(form.woocommerce-form-login) form.woocommerce-form-login button.button:hover,
body:has(form.woocommerce-form-login) form.woocommerce-form-login .button:hover,
body:has(form.login) form.login button.button:hover,
body:has(form.login) form.login .button:hover,
body:has(form.woocommerce-form-register) form.woocommerce-form-register button.button:hover,
body:has(form.woocommerce-form-register) form.woocommerce-form-register .button:hover,
body:has(form.register) form.register button.button:hover,
body:has(form.register) form.register .button:hover {
    background: #007ed6 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}


/* ==========================================================
   9. LOGIN AUXILIAR
   ========================================================== */

body:has(form.woocommerce-form-login) .woocommerce-form-login__rememberme,
body:has(form.login) .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #4b5563 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin: 14px 0 0 0 !important;
}

body:has(form.woocommerce-form-login) .woocommerce-form-login__rememberme input[type="checkbox"],
body:has(form.login) .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 15px !important;
    height: 15px !important;
    accent-color: #0099ff !important;
}

body:has(form.woocommerce-form-login) .lost_password,
body:has(form.login) .lost_password,
body:has(form.woocommerce-form-login) .woocommerce-LostPassword,
body:has(form.login) .woocommerce-LostPassword {
    text-align: center !important;
    margin: 18px 0 0 0 !important;
}

body:has(form.woocommerce-form-login) .lost_password a,
body:has(form.login) .lost_password a,
body:has(form.woocommerce-form-login) .woocommerce-LostPassword a,
body:has(form.login) .woocommerce-LostPassword a {
    color: #0099ff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body:has(form.woocommerce-form-login) .lost_password a:hover,
body:has(form.login) .lost_password a:hover,
body:has(form.woocommerce-form-login) .woocommerce-LostPassword a:hover,
body:has(form.login) .woocommerce-LostPassword a:hover {
    color: #007ed6 !important;
    text-decoration: underline !important;
}


/* ==========================================================
   10. TEXTO DE PRIVACIDADE DO CADASTRO
   ========================================================== */

body:has(form.woocommerce-form-register) form.woocommerce-form-register .woocommerce-privacy-policy-text,
body:has(form.register) form.register .woocommerce-privacy-policy-text {
    margin: 12px 0 18px 0 !important;
}

body:has(form.woocommerce-form-register) form.woocommerce-form-register .woocommerce-privacy-policy-text p,
body:has(form.register) form.register .woocommerce-privacy-policy-text p {
    color: #4b5563 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}

body:has(form.woocommerce-form-register) form.woocommerce-form-register .woocommerce-privacy-policy-text a,
body:has(form.register) form.register .woocommerce-privacy-policy-text a {
    color: #0099ff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}


/* ==========================================================
   11. MENSAGENS WOOCOMMERCE DESLOGADO
   ========================================================== */

body:has(form.woocommerce-form-login) main .woocommerce-error,
body:has(form.woocommerce-form-login) main .woocommerce-message,
body:has(form.woocommerce-form-login) main .woocommerce-info,
body:has(form.login) main .woocommerce-error,
body:has(form.login) main .woocommerce-message,
body:has(form.login) main .woocommerce-info,
body:has(form.woocommerce-form-register) main .woocommerce-error,
body:has(form.woocommerce-form-register) main .woocommerce-message,
body:has(form.woocommerce-form-register) main .woocommerce-info,
body:has(form.register) main .woocommerce-error,
body:has(form.register) main .woocommerce-message,
body:has(form.register) main .woocommerce-info {
    max-width: 1080px !important;
    margin: 0 auto 22px auto !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    color: #111111 !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}


/* ==========================================================
   12. RESPONSIVO LOGIN / CADASTRO
   ========================================================== */

@media (max-width: 900px) {
    .woocommerce #customer_login,
    .woocommerce .u-columns.col2-set#customer_login,
    .woocommerce .col2-set#customer_login,
    .woocommerce:has(> h2 + form.login):has(> h2 + form.register) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        max-width: 520px !important;
        gap: 32px !important;
    }

    .woocommerce #customer_login .u-column1,
    .woocommerce #customer_login .col-1,
    .woocommerce #customer_login .u-column2,
    .woocommerce #customer_login .col-2,
    .woocommerce > h2:has(+ form.login),
    .woocommerce > form.login,
    .woocommerce > h2:has(+ form.register),
    .woocommerce > form.register {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}

@media (max-width: 767px) {
    body:has(form.woocommerce-form-login) main h1,
    body:has(form.login) main h1,
    body:has(form.woocommerce-form-register) main h1,
    body:has(form.register) main h1,
    body:has(form.woocommerce-form-login) .site-main h1,
    body:has(form.login) .site-main h1,
    body:has(form.woocommerce-form-register) .site-main h1,
    body:has(form.register) .site-main h1,
    body:has(form.woocommerce-form-login) .entry-content h1,
    body:has(form.login) .entry-content h1,
    body:has(form.woocommerce-form-register) .entry-content h1,
    body:has(form.register) .entry-content h1,
    body:has(form.woocommerce-form-login) .page-title,
    body:has(form.login) .page-title,
    body:has(form.woocommerce-form-register) .page-title,
    body:has(form.register) .page-title,
    body:has(form.woocommerce-form-login) .entry-title,
    body:has(form.login) .entry-title,
    body:has(form.woocommerce-form-register) .entry-title,
    body:has(form.register) .entry-title {
        font-size: 36px !important;
        margin: 42px 0 28px 0 !important;
    }

    body:has(form.woocommerce-form-login) main .woocommerce,
    body:has(form.login) main .woocommerce,
    body:has(form.woocommerce-form-register) main .woocommerce,
    body:has(form.register) main .woocommerce,
    body:has(form.woocommerce-form-login) .site-main .woocommerce,
    body:has(form.login) .site-main .woocommerce,
    body:has(form.woocommerce-form-register) .site-main .woocommerce,
    body:has(form.register) .site-main .woocommerce,
    body:has(form.woocommerce-form-login) .entry-content .woocommerce,
    body:has(form.login) .entry-content .woocommerce,
    body:has(form.woocommerce-form-register) .entry-content .woocommerce,
    body:has(form.register) .entry-content .woocommerce {
        padding: 0 14px !important;
        margin-bottom: 60px !important;
    }

    body:has(form.woocommerce-form-login) form.woocommerce-form-login,
    body:has(form.login) form.login,
    body:has(form.woocommerce-form-register) form.woocommerce-form-register,
    body:has(form.register) form.register {
        padding: 28px 20px 26px 20px !important;
        border-radius: 18px !important;
    }
}


/* ==========================================================
   13. MINHA CONTA / PAINEL LOGADO
   ========================================================== */

/* Container geral da Minha Conta logada */
body:has(.woocommerce-MyAccount-navigation) .woocommerce,
.woocommerce:has(.woocommerce-MyAccount-navigation),
.woocommerce:has(.woocommerce-MyAccount-content) {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto 90px auto !important;
    padding: 0 28px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 36px !important;
}

/* Menu lateral */
.woocommerce-MyAccount-navigation {
    float: none !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Caixa do menu */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.08) !important;
    overflow: hidden !important;
}

/* Itens do menu */
.woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Links do menu */
.woocommerce-MyAccount-navigation li a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 13px 16px 13px 18px !important;
    color: #374151 !important;
    background: transparent !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

.woocommerce-MyAccount-navigation li a:hover {
    color: #0099ff !important;
    background: #f5f9ff !important;
    transform: translateX(2px) !important;
}

/* Item ativo */
.woocommerce-MyAccount-navigation li.is-active a {
    color: #0099ff !important;
    background: #eef7ff !important;
    font-weight: 900 !important;
}

.woocommerce-MyAccount-navigation li.is-active a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 4px;
    background: #0099ff;
    border-radius: 999px;
}

/* Conteúdo principal */
.woocommerce-MyAccount-content {
    float: none !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 34px 38px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.08) !important;
    color: #111111 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* Remove caixa/borda interna do conteúdo padrão do painel */
.woocommerce-MyAccount-content > p,
.woocommerce-MyAccount-content > div:not(.woocommerce-notices-wrapper):not(.woocommerce-info):not(.woocommerce-message):not(.woocommerce-error):not(.woocommerce-addresses):not(.woocommerce-Addresses) {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Textos do painel */
.woocommerce-MyAccount-content p {
    color: #374151 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
    margin: 0 0 14px 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.woocommerce-MyAccount-content > p:first-child,
.woocommerce-MyAccount-content > p:first-child + p {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.woocommerce-MyAccount-content strong {
    color: #111111 !important;
    font-weight: 900 !important;
}

/* Links internos */
.woocommerce-MyAccount-content a {
    color: #0099ff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.woocommerce-MyAccount-content a:hover {
    color: #007ed6 !important;
    text-decoration: underline !important;
}

/* Botões internos */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content input.button {
    min-height: 42px !important;
    padding: 11px 18px !important;
    color: #ffffff !important;
    background: #0099ff !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce-MyAccount-content input.button:hover {
    color: #ffffff !important;
    background: #007ed6 !important;
    transform: translateY(-1px) !important;
}

/* Tabelas internas */
.woocommerce-MyAccount-content table.shop_table,
.woocommerce-MyAccount-content table.woocommerce-orders-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
}

.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.woocommerce-orders-table th {
    padding: 16px 14px !important;
    color: #111111 !important;
    background: #f5f9ff !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.woocommerce-MyAccount-content table.shop_table td,
.woocommerce-MyAccount-content table.woocommerce-orders-table td {
    padding: 16px 14px !important;
    color: #374151 !important;
    background: #ffffff !important;
    border-top: 1px solid #edf2f7 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    font-size: 14px !important;
}

/* Formulários internos */
.woocommerce-MyAccount-content form {
    max-width: 760px !important;
}

.woocommerce-MyAccount-content label {
    display: block !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    margin-bottom: 8px !important;
}

.woocommerce-MyAccount-content input.input-text,
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea {
    width: 100% !important;
    min-height: 46px !important;
    padding: 0 14px !important;
    color: #111111 !important;
    background: #f8fbff !important;
    border: 1px solid #d7dce5 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.woocommerce-MyAccount-content textarea {
    min-height: 110px !important;
    padding-top: 12px !important;
}

.woocommerce-MyAccount-content input.input-text:focus,
.woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-MyAccount-content input[type="tel"]:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus {
    background: #ffffff !important;
    border-color: #0099ff !important;
    box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.12) !important;
}


/* ==========================================================
   14. RESPONSIVO PAINEL LOGADO
   ========================================================== */

@media (max-width: 1024px) {
    body:has(.woocommerce-MyAccount-navigation) .woocommerce,
    .woocommerce:has(.woocommerce-MyAccount-navigation),
    .woocommerce:has(.woocommerce-MyAccount-content) {
        display: block !important;
        max-width: 760px !important;
        padding: 0 20px !important;
    }

    .woocommerce-MyAccount-navigation {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-bottom: 22px !important;
    }

    .woocommerce-MyAccount-navigation ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .woocommerce-MyAccount-content {
        width: 100% !important;
        padding: 28px 24px !important;
    }
}

@media (max-width: 767px) {
    body:has(.woocommerce-MyAccount-navigation) .woocommerce,
    .woocommerce:has(.woocommerce-MyAccount-navigation),
    .woocommerce:has(.woocommerce-MyAccount-content) {
        padding: 0 14px !important;
        margin-bottom: 60px !important;
    }

    .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr !important;
        border-radius: 18px !important;
    }

    .woocommerce-MyAccount-content {
        padding: 24px 20px !important;
        border-radius: 18px !important;
    }
}
/* ==========================================================
   SERVAUX - RECUPERAÇÃO DE SENHA
   Página: Minha Conta / Perdeu sua senha
   ========================================================== */

/* Base da página de recuperação */
body:has(form.lost_reset_password),
body:has(form.woocommerce-ResetPassword) {
    background: #ffffff !important;
}

body:has(form.lost_reset_password) main,
body:has(form.woocommerce-ResetPassword) main,
body:has(form.lost_reset_password) .site-main,
body:has(form.woocommerce-ResetPassword) .site-main,
body:has(form.lost_reset_password) .entry-content,
body:has(form.woocommerce-ResetPassword) .entry-content {
    width: 100% !important;
    background: #ffffff !important;
}

/* Título Minha Conta */
body:has(form.lost_reset_password) main h1,
body:has(form.woocommerce-ResetPassword) main h1,
body:has(form.lost_reset_password) .site-main h1,
body:has(form.woocommerce-ResetPassword) .site-main h1,
body:has(form.lost_reset_password) .entry-content h1,
body:has(form.woocommerce-ResetPassword) .entry-content h1,
body:has(form.lost_reset_password) .page-title,
body:has(form.woocommerce-ResetPassword) .page-title,
body:has(form.lost_reset_password) .entry-title,
body:has(form.woocommerce-ResetPassword) .entry-title {
    color: #111111 !important;
    font-size: 54px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    text-align: center !important;
    margin: 55px 0 34px 0 !important;
}

/* Container geral */
body:has(form.lost_reset_password) main .woocommerce,
body:has(form.woocommerce-ResetPassword) main .woocommerce,
body:has(form.lost_reset_password) .site-main .woocommerce,
body:has(form.woocommerce-ResetPassword) .site-main .woocommerce,
body:has(form.lost_reset_password) .entry-content .woocommerce,
body:has(form.woocommerce-ResetPassword) .entry-content .woocommerce {
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 auto 90px auto !important;
    padding: 0 20px !important;
}

/* Card do formulário */
.woocommerce form.lost_reset_password,
.woocommerce form.woocommerce-ResetPassword,
form.lost_reset_password,
form.woocommerce-ResetPassword {
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 auto !important;
    padding: 34px 34px 30px 34px !important;
    display: block !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10) !important;
}

/* Texto explicativo */
.woocommerce form.lost_reset_password > p:first-child,
.woocommerce form.woocommerce-ResetPassword > p:first-child,
form.lost_reset_password > p:first-child,
form.woocommerce-ResetPassword > p:first-child {
    color: #374151 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
    text-align: center !important;
    margin: 0 0 26px 0 !important;
}

/* Linhas do formulário */
.woocommerce form.lost_reset_password .form-row,
.woocommerce form.woocommerce-ResetPassword .form-row,
form.lost_reset_password .form-row,
form.woocommerce-ResetPassword .form-row {
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
}

/* Label */
.woocommerce form.lost_reset_password label,
.woocommerce form.woocommerce-ResetPassword label,
form.lost_reset_password label,
form.woocommerce-ResetPassword label {
    display: block !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

/* Campo */
.woocommerce form.lost_reset_password input.input-text,
.woocommerce form.woocommerce-ResetPassword input.input-text,
.woocommerce form.lost_reset_password input[type="text"],
.woocommerce form.woocommerce-ResetPassword input[type="text"],
.woocommerce form.lost_reset_password input[type="email"],
.woocommerce form.woocommerce-ResetPassword input[type="email"],
form.lost_reset_password input.input-text,
form.woocommerce-ResetPassword input.input-text,
form.lost_reset_password input[type="text"],
form.woocommerce-ResetPassword input[type="text"],
form.lost_reset_password input[type="email"],
form.woocommerce-ResetPassword input[type="email"] {
    width: 100% !important;
    height: 48px !important;
    padding: 0 15px !important;
    background: #f8fbff !important;
    border: 1px solid #d7dce5 !important;
    border-radius: 12px !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Foco do campo */
.woocommerce form.lost_reset_password input.input-text:focus,
.woocommerce form.woocommerce-ResetPassword input.input-text:focus,
.woocommerce form.lost_reset_password input[type="text"]:focus,
.woocommerce form.woocommerce-ResetPassword input[type="text"]:focus,
.woocommerce form.lost_reset_password input[type="email"]:focus,
.woocommerce form.woocommerce-ResetPassword input[type="email"]:focus,
form.lost_reset_password input.input-text:focus,
form.woocommerce-ResetPassword input.input-text:focus,
form.lost_reset_password input[type="text"]:focus,
form.woocommerce-ResetPassword input[type="text"]:focus,
form.lost_reset_password input[type="email"]:focus,
form.woocommerce-ResetPassword input[type="email"]:focus {
    background: #ffffff !important;
    border-color: #0099ff !important;
    box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.12) !important;
}

/* Botão redefinir senha */
.woocommerce form.lost_reset_password button.button,
.woocommerce form.woocommerce-ResetPassword button.button,
.woocommerce form.lost_reset_password .button,
.woocommerce form.woocommerce-ResetPassword .button,
form.lost_reset_password button.button,
form.woocommerce-ResetPassword button.button,
form.lost_reset_password .button,
form.woocommerce-ResetPassword .button {
    width: 100% !important;
    min-height: 48px !important;
    margin: 8px 0 0 0 !important;
    padding: 12px 22px !important;
    background: #0099ff !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    box-shadow: none !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
}

.woocommerce form.lost_reset_password button.button:hover,
.woocommerce form.woocommerce-ResetPassword button.button:hover,
.woocommerce form.lost_reset_password .button:hover,
.woocommerce form.woocommerce-ResetPassword .button:hover,
form.lost_reset_password button.button:hover,
form.woocommerce-ResetPassword button.button:hover,
form.lost_reset_password .button:hover,
form.woocommerce-ResetPassword .button:hover {
    background: #007ed6 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* Mensagens da recuperação de senha */
body:has(form.lost_reset_password) main .woocommerce-error,
body:has(form.lost_reset_password) main .woocommerce-message,
body:has(form.lost_reset_password) main .woocommerce-info,
body:has(form.woocommerce-ResetPassword) main .woocommerce-error,
body:has(form.woocommerce-ResetPassword) main .woocommerce-message,
body:has(form.woocommerce-ResetPassword) main .woocommerce-info {
    max-width: 560px !important;
    margin: 0 auto 22px auto !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    color: #111111 !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

/* Responsivo */
@media (max-width: 767px) {
    body:has(form.lost_reset_password) main h1,
    body:has(form.woocommerce-ResetPassword) main h1,
    body:has(form.lost_reset_password) .site-main h1,
    body:has(form.woocommerce-ResetPassword) .site-main h1,
    body:has(form.lost_reset_password) .entry-content h1,
    body:has(form.woocommerce-ResetPassword) .entry-content h1,
    body:has(form.lost_reset_password) .page-title,
    body:has(form.woocommerce-ResetPassword) .page-title,
    body:has(form.lost_reset_password) .entry-title,
    body:has(form.woocommerce-ResetPassword) .entry-title {
        font-size: 36px !important;
        margin: 42px 0 28px 0 !important;
    }

    body:has(form.lost_reset_password) main .woocommerce,
    body:has(form.woocommerce-ResetPassword) main .woocommerce,
    body:has(form.lost_reset_password) .site-main .woocommerce,
    body:has(form.woocommerce-ResetPassword) .site-main .woocommerce,
    body:has(form.lost_reset_password) .entry-content .woocommerce,
    body:has(form.woocommerce-ResetPassword) .entry-content .woocommerce {
        padding: 0 14px !important;
        margin-bottom: 60px !important;
    }

    .woocommerce form.lost_reset_password,
    .woocommerce form.woocommerce-ResetPassword,
    form.lost_reset_password,
    form.woocommerce-ResetPassword {
        padding: 28px 20px 26px 20px !important;
        border-radius: 18px !important;
    }
}
/* ==========================================================
   SERVAUX - MINHA CONTA / CAMPO CELULAR
   Corrige o rótulo criado por pseudo-elemento
   ========================================================== */

body.woocommerce-account
.woocommerce-address-fields
#billing_phone_field::before {
    content: "Celular *" !important;

    display: block !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* O rótulo real está vazio/oculto pela customização anterior */
body.woocommerce-account
.woocommerce-address-fields
#billing_phone_field > label {
    display: none !important;
}

/* Mantém aparência de campo obrigatório */
body.woocommerce-account
.woocommerce-address-fields
#billing_phone_field {
    position: relative !important;
}