/* ==========================================
   TEMA ESCURO - BASE
   ========================================== */

/* 1. Fundo e texto geral */
body.dark-theme {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}

/* 2. Cartões Padrão (Fundo grafite e borda azul/verde no topo) */
body.dark-theme .card,
body.dark-theme .area-card,
body.dark-theme .contact-card,
body.dark-theme .history-card,
body.dark-theme .pix-card,
body.dark-theme .ebd-card,
body.dark-theme .leader-card,
body.dark-theme .pastor-card,
body.dark-theme .video-card,
body.dark-theme .family-card,
body.dark-theme .card-reflexão {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  border-top-color: #32bcad !important;
}

/* 3. Títulos e Textos Gerais */
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme .section-title,
body.dark-theme .contact-title,
body.dark-theme label {
  color: #f8fafc !important;
}

body.dark-theme p,
body.dark-theme .pix-instructions,
body.dark-theme .pastor-role,
body.dark-theme .leader-role {
  color: #cbd5e1 !important;
}

body.dark-theme i {
  color: #32bcad !important;
}

/* 4. Formulários */
body.dark-theme input,
body.dark-theme select,
body.dark-theme textarea {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}

/* ==========================================
   HERO / BANNER DE ENTRADA
   ========================================== */
body.dark-theme .hero {
  background-color: #1e293b !important;
  border-bottom-color: #334155 !important;
}
body.dark-theme .hero h1 { color: #ffffff !important; }
body.dark-theme .hero p.tagline { color: #32bcad !important; }
body.dark-theme .hero-subtext { color: #cbd5e1 !important; }

/* ==========================================
   PROGRAMAÇÃO & EBD
   ========================================== */
body.dark-theme .table-responsive,
body.dark-theme .schedule-table { background-color: #1e293b !important; }

body.dark-theme .schedule-table td,
body.dark-theme .schedule-table td strong {
  color: #f8fafc !important;
  border-bottom-color: #334155 !important;
}

body.dark-theme .schedule-table tbody tr { background-color: #1e293b !important; }
body.dark-theme .schedule-table tbody tr.highlight-row { background-color: #0f172a !important; }

body.dark-theme .download-item {
  background-color: #0f172a !important;
  border-color: #334155 !important;
}
body.dark-theme .download-info h4 { color: #f8fafc !important; }
body.dark-theme .download-info p { color: #cbd5e1 !important; }

/* ==========================================
   MISSÕES (APENAS A CAIXA DO CENTAVO ,07)
   ========================================== */

/* Mire especificamente na classe da caixa de aviso da OMF */
body.dark-theme .omf-notice,
body.dark-theme .identificador-box,
body.dark-theme .alert-info {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #cbd5e1 !important;
}

body.dark-theme .omf-notice *,
body.dark-theme .identificador-box *,
body.dark-theme .alert-info * {
  color: #cbd5e1 !important;
}

body.dark-theme .omf-notice strong,
body.dark-theme .identificador-box strong {
  color: #ffffff !important;
}

/* DE: #f0fdf4 PARA: #0f172a no Dark Mode */
body.dark-theme .omf-box {
  background-color: #0f172a !important;
  border-color: #334155 !important;
}

body.dark-theme .omf-box h4 {
  color: #32bcad !important;
}

body.dark-theme .omf-box p,
body.dark-theme .omf-box strong {
  color: #f8fafc !important;
}

/* Reflexão Pastoral no Tema Escuro */
body.dark-theme .reflexao-card {
  background-color: #1e293b !important;
  border-left-color: #32bcad !important;
}

body.dark-theme .reflexao-header {
  border-bottom-color: #334155 !important;
}

body.dark-theme .reflexao-titulo,
body.dark-theme .autor-info h3 {
  color: #f8fafc !important;
}

body.dark-theme .reflexao-body p {
  color: #cbd5e1 !important;
}

body.dark-theme .badge-tag {
  background-color: #0f172a !important;
  color: #38bdf8 !important;
}
/* ==========================================================================
   AJUSTE DA GALERIA DE FAMÍLIAS PARA O TEMA ESCURO
   ========================================================================== */

/* Altera o fundo do card para um tom escuro/azulado e ajusta as bordas */
body.dark-theme .family-card,
body.dark-mode .family-card {
  background-color: #1e293b !important; /* Tom escuro para harmonizar com a página */
  border-top-color: var(--color-accent-blue, #32bcad); /* Destaque da borda */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

/* Ajusta a cor do container da foto quando estiver sem imagem */
body.dark-theme .family-photo-container,
body.dark-mode .family-photo-container {
  background-color: #0f172a;
}

/* Garante o contraste correto dos textos no modo escuro */
body.dark-theme .family-info h3,
body.dark-mode .family-info h3 {
  color: #ffffff !important; /* Título bem visível em branco */
}

body.dark-theme .family-info p,
body.dark-mode .family-info p {
  color: #94a3b8 !important; /* Subtítulo em cinza claro */
}

/* AJUSTA O TOM DO CARD DE REFLEXÃO PARA IGUALAR AOS DEMAIS CARDS */
body.dark-theme .card-reflexao,
body.dark-mode .card-reflexao,
body.dark-theme .reflexao-card,
body.dark-mode .reflexao-card {
  background-color: #1e293b !important; /* Mesmo tom azul/grafite dos outros cards */
  border-top: 3px solid #32bcad !important; /* Borda turquesa igual aos outros */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Garante o contraste dos textos e links internos */
body.dark-theme .card-reflexao h3,
body.dark-theme .card-reflexao h4,
body.dark-mode .card-reflexao h3,
body.dark-mode .card-reflexao h4 {
  color: #ffffff !important;
}

body.dark-theme #reflexao-texto,
body.dark-mode #reflexao-texto {
  color: #cbd5e1 !important;
}

body.dark-theme #reflexao-verso,
body.dark-mode #reflexao-verso {
  color: #94a3b8 !important;
  border-left-color: #32bcad !important;
}

/* Cor do link "Conheça nossa liderança" no modo escuro */
body.dark-theme .link-lideranca,
body.dark-mode .link-lideranca {
  color: #32bcad !important;
}
