/* ==========================================================
   GUIA JURÍDICO - MODO ESCURO (dark.css)
   Carregado DEPOIS do style.css. Só vale com body.dark-mode.
   ========================================================== */

body.dark-mode{
    --d-bg:#0b1220;        /* fundo da página */
    --d-bg-2:#0f172a;      /* seções alternadas */
    --d-card:#1e293b;      /* cartões */
    --d-card-2:#273449;    /* cartões em destaque / hover */
    --d-border:#334155;
    --d-text:#e2e8f0;      /* texto principal */
    --d-muted:#a8b3c5;     /* texto secundário */
    --d-accent:#e5c34f;    /* dourado legível no escuro */
    --d-link:#8ab4ff;      /* azul legível no escuro */

    background:var(--d-bg);
    color:var(--d-text);
    color-scheme:dark;
}

/* ---------- Fundos de seção ---------- */
body.dark-mode .areas,
body.dark-mode .lawyers,
body.dark-mode .blog,
body.dark-mode .how,
body.dark-mode .testimonials,
body.dark-mode .mission,
body.dark-mode .faq,
body.dark-mode .contact,
body.dark-mode .profile,
body.dark-mode .page-content{
    background:var(--d-bg);
}
body.dark-mode .how,
body.dark-mode .testimonials,
body.dark-mode .mission{
    background:var(--d-bg-2);
}

/* ---------- Cartões ---------- */
body.dark-mode .area-card,
body.dark-mode .lawyer-card,
body.dark-mode .blog-card,
body.dark-mode .blog-article,
body.dark-mode .how-card,
body.dark-mode .mission-card,
body.dark-mode .office-card,
body.dark-mode .testimonial-card,
body.dark-mode .faq-item,
body.dark-mode .contact-info,
body.dark-mode .contact-form,
body.dark-mode .auth-box,
body.dark-mode .profile-box,
body.dark-mode .profile-card,
body.dark-mode .search-box,
body.dark-mode .user-dropdown{
    background:var(--d-card);
    color:var(--d-text);
    border-color:var(--d-border);
    box-shadow:0 10px 30px rgba(0,0,0,.35);
}
body.dark-mode .area-card:hover,
body.dark-mode .lawyer-card:hover,
body.dark-mode .blog-card:hover,
body.dark-mode .office-card:hover,
body.dark-mode .how-card:hover,
body.dark-mode .mission-card:hover{
    background:var(--d-card-2);
    box-shadow:0 18px 40px rgba(0,0,0,.5);
}

/* ---------- Títulos e textos ---------- */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode .section-title,
body.dark-mode .area-card h3,
body.dark-mode .lawyer-card h3,
body.dark-mode .blog-card h3,
body.dark-mode .faq-question{
    color:#f8fafc;
}
body.dark-mode p,
body.dark-mode li,
body.dark-mode label,
body.dark-mode strong,
body.dark-mode small,
body.dark-mode .section-subtitle,
body.dark-mode .lawyer-office,
body.dark-mode .lawyer-oab,
body.dark-mode .lawyer-city,
body.dark-mode .blog-excerpt,
body.dark-mode .faq-answer{
    color:var(--d-muted);
}
body.dark-mode strong,
body.dark-mode label{
    color:var(--d-text);
}
body.dark-mode .lawyer-card div,
body.dark-mode .office-card div,
body.dark-mode .contact-info span,
body.dark-mode .contact-info div{
    color:var(--d-muted);
}

/* ---------- Faixas azuis (hero/estatísticas/CTA): mantêm texto branco ---------- */
body.dark-mode .page-hero h1,
body.dark-mode .page-hero p,
body.dark-mode .hero h1,
body.dark-mode .hero p,
body.dark-mode .hero span,
body.dark-mode .stats h2,
body.dark-mode .stats p,
body.dark-mode .stat-text,
body.dark-mode .cta h2,
body.dark-mode .cta p{
    color:#fff;
}

/* ---------- Dourado e azul legíveis ---------- */
body.dark-mode .lawyer-speciality,
body.dark-mode .profile-speciality,
body.dark-mode .blog-date{
    color:var(--d-accent);
}
body.dark-mode .profile-speciality{
    background:rgba(229,195,79,.12);
    border:1px solid rgba(229,195,79,.35);
}
body.dark-mode .area-link,
body.dark-mode .blog-card a:not(.btn),
body.dark-mode .auth-box a:not(.btn),
body.dark-mode .contact-info a,
body.dark-mode .profile-box a:not(.btn){
    color:var(--d-link);
}
body.dark-mode .area-link:hover,
body.dark-mode .blog-card a:not(.btn):hover,
body.dark-mode .auth-box a:not(.btn):hover{
    color:#bcd3ff;
}
body.dark-mode .blog-category{
    background:rgba(138,180,255,.15);
    color:var(--d-link);
}
body.dark-mode .area-icon,
body.dark-mode .how-icon,
body.dark-mode .contact-icon{
    color:var(--d-accent);
}

/* ---------- Formulários ---------- */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea,
body.dark-mode .search-field input,
body.dark-mode .search-field select{
    background:#0f172a;
    color:var(--d-text);
    border:1px solid var(--d-border);
}
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder{
    color:#7b8aa0;
}
body.dark-mode input:focus,
body.dark-mode select:focus,
body.dark-mode textarea:focus{
    border-color:var(--d-accent);
    outline:none;
    box-shadow:0 0 0 3px rgba(229,195,79,.18);
}
body.dark-mode input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px #0f172a inset;
    -webkit-text-fill-color:var(--d-text);
}
body.dark-mode option{background:#0f172a;color:var(--d-text);}
body.dark-mode .search-field label{color:var(--d-text);}

/* ---------- Regras de senha (cadastro) ---------- */
body.dark-mode .password-rules li,
body.dark-mode .senha-regras li,
body.dark-mode .rules li{
    color:#9aa7ba;
}
body.dark-mode .password-rules li.ok,
body.dark-mode .senha-regras li.ok,
body.dark-mode .rules li.ok,
body.dark-mode .password-rules li.valid{
    color:#4ade80;
}

/* ---------- Botões ---------- */
body.dark-mode .btn-outline{
    color:var(--d-text);
    border-color:#475569;
    background:transparent;
}
body.dark-mode .btn-outline:hover{
    background:var(--d-card-2);
    color:#fff;
}
body.dark-mode .lawyer-footer a:last-child{
    background:var(--primary-light);
    color:#fff;
}
body.dark-mode .theme-button{
    background:var(--d-card-2);
    color:var(--d-accent);
    border:1px solid var(--d-border);
}

/* ---------- Menu do usuário e navbar ---------- */
body.dark-mode .user-dropdown a{color:var(--d-text);}
body.dark-mode .user-dropdown a:hover{background:var(--d-card-2);color:#fff;}

/* ---------- Alertas ---------- */
body.dark-mode .alert-error{
    background:rgba(239,68,68,.12);
    color:#fca5a5;
    border-color:rgba(239,68,68,.4);
}
body.dark-mode .alert-success{
    background:rgba(34,197,94,.12);
    color:#86efac;
    border-color:rgba(34,197,94,.4);
}

/* ---------- FAQ ---------- */
body.dark-mode .faq-question{background:var(--d-card);}
body.dark-mode .faq-question:hover{background:var(--d-card-2);}

/* ---------- Divisores, tabelas, código ---------- */
body.dark-mode hr{border-color:var(--d-border);}
body.dark-mode table{color:var(--d-text);}
body.dark-mode th,
body.dark-mode td{border-color:var(--d-border);}

/* ---------- Imagens ---------- */
body.dark-mode img{filter:brightness(.92);}
body.dark-mode .logo img,
body.dark-mode footer img{filter:none;}

/* ---------- Rolagem e seleção ---------- */
body.dark-mode ::selection{background:var(--d-accent);color:#0b1220;}
body.dark-mode{scrollbar-color:#475569 #0b1220;}

/* Transição suave ao alternar (só em elementos grandes) */
body,
.area-card,.lawyer-card,.blog-card,.office-card,.how-card,.mission-card,
.testimonial-card,.faq-item,.contact-info,.auth-box,.profile-box,
.profile-card,.search-box,input,select,textarea{
    transition:background-color .25s ease,color .25s ease,border-color .25s ease;
}

/* ---------- Ajustes finos dos cartões de advogado ---------- */
body.dark-mode .lawyer-footer a{
    color:var(--d-link);
}
body.dark-mode .lawyer-footer a:last-child{
    color:var(--d-text);
}
body.dark-mode .lawyer-card span,
body.dark-mode .office-card span,
body.dark-mode .blog-card span:not(.blog-category):not(.blog-date){
    color:var(--d-muted);
}

/* ---------- Depoimentos ---------- */
body.dark-mode .testimonial-card span,
body.dark-mode .testimonial-card div,
body.dark-mode .testimonial-card p{
    color:var(--d-muted);
}
body.dark-mode .testimonial-card h4,
body.dark-mode .testimonial-card strong{
    color:#f8fafc;
}

/* ---------- Caixas de ícone (fundo azul-marinho sumia no escuro) ---------- */
body.dark-mode .area-icon,
body.dark-mode .how-icon,
body.dark-mode .contact-icon{
    background:rgba(229,195,79,.14);
    color:var(--d-accent);
}
body.dark-mode .area-icon i,
body.dark-mode .how-icon i,
body.dark-mode .contact-icon i{
    color:var(--d-accent);
}

/* Subtítulo das faixas azuis com mais contraste */
body.dark-mode .page-hero p,
body.dark-mode .hero p{opacity:1;color:#e2e8f0;}