/*
Theme Name: Câmara SFI Scrollytelling
Theme URI: https://camarasfi.rj.gov.br
Description: Tema baseado no modelo scrollytelling da Câmara Municipal de São Francisco de Itabapoana - RJ.
Author: Câmara Municipal de SFI
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: camara-sfi
*/

/* Revelação ao rolar */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1);
    will-change: opacity, transform;
}
.reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); }

/* Barra de rolagem oculta */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Alto contraste (seletores corrigidos em relação ao modelo original) */
body.high-contrast { background-color: #000 !important; color: #fff !important; }
body.high-contrast .glass-panel-dark,
body.high-contrast .glass-card,
body.high-contrast .bg-white,
body.high-contrast .bg-slate-50,
body.high-contrast .bg-slate-100,
body.high-contrast .bg-sfi-navy,
body.high-contrast .bg-sfi-blue,
body.high-contrast .bg-sfi-lightBg {
    background: #111 !important;
    border-color: #333 !important;
    color: #fff !important;
}
body.high-contrast .text-slate-600,
body.high-contrast .text-slate-500,
body.high-contrast .text-slate-400,
body.high-contrast .text-slate-800,
body.high-contrast .text-sfi-navy,
body.high-contrast .text-sfi-blue { color: #e2e8f0 !important; }
body.high-contrast a { color: #ffeb3b !important; }

/* Leve ajuste para a barra de administração do WordPress */
body.admin-bar header.sticky { top: 32px; }
@media (max-width: 782px) { body.admin-bar header.sticky { top: 0; } }

/* Conteúdo das matérias (o Tailwind zera estilos de títulos e listas) */
.entry-content > * + * { margin-top: 1.1em; }
.entry-content h2 { font-size: 1.5rem; font-weight: 800; color: #0d1b3e; }
.entry-content h3 { font-size: 1.25rem; font-weight: 700; color: #0d1b3e; }
.entry-content a { color: #0052cc; text-decoration: underline; }
.entry-content ul { list-style: disc; padding-left: 1.5rem; }
.entry-content ol { list-style: decimal; padding-left: 1.5rem; }
.entry-content img { border-radius: 1rem; height: auto; }
.entry-content blockquote { border-left: 4px solid #0052cc; padding-left: 1rem; font-style: italic; }