/* ============================================================
   Natal BH Sem Glúten — PÁGINAS INTERNAS (cadastro, login, senha, inscrição, minha conta,
   confirmação, convite, galeria, aceite LGPD). Base: opção B "Ceia em Família" (layout de trabalho
   até a aprovação da comissão, decisão do Marcelo em 06/10/2026).
   Carregado só quando o evento ativo tem tema 'natal' (temaPaginaHead() em functions.php),
   depois do style.css. Tudo escopado em body.tema-natal: no Arraiá nada muda.
   Contrastes (WCAG AA): verde #1F4D3A e vinho #5E1710 sobre creme/branco >= 9:1;
   branco sobre vermelho #B3261E 6,7:1; dourado só em decoração.
   ============================================================ */

body.tema-natal {
  --creme:       #FBF3E4;
  --creme-dark:  #F3E6CC;
  --vermelho:    #B3261E;
  --vermelho-600:#8E1B15;
  --vinho:       #5E1710;
  --verde:       #1F4D3A;
  --verde-fundo: #143A2B;
  --verde-claro: #2F7A52;
  --dourado:     #E3B04B;
  --luz:         #FFD98A;
  --marrom:      #3A2416;
  --azul:        var(--verde);      /* o style.css usa --azul em títulos, rótulos e rodapé */
  --amarelo:     #F6E3B4;           /* faixa do lote: creme dourado (texto escuro por cima) */
  --madeira:     var(--vinho);
  --texto:       var(--marrom);
  --sombra:      rgba(74, 18, 9, .10);
  --f-titulo:    'Fraunces', Georgia, 'Times New Roman', serif;
  background-color: var(--creme);
  color: var(--marrom);
}

/* ---------- Topo: faixa verde com fio de luzes (no lugar das bandeirinhas) ---------- */
body.tema-natal .bandeirolas-topo {
  height: 46px;
  background:
    radial-gradient(circle at 50% 62%, var(--luz) 0 4px, rgba(255, 217, 138, .35) 5px 8px, transparent 9px) 0 0 / 44px 46px repeat-x,
    var(--verde-fundo);
  border-bottom: 3px solid var(--dourado);
  box-shadow: 0 6px 18px rgba(8, 30, 20, .22);
}
body.tema-natal .bandeirolas-topo .bandeirola { display: none; }
body.tema-natal .fio-bandeirolas {
  top: 20px; height: 2px;
  background: repeating-linear-gradient(90deg, rgba(227, 176, 75, .9) 0 22px, rgba(227, 176, 75, .55) 22px 44px);
}

/* ---------- Títulos: Fraunces (mesmo título da B) ---------- */
body.tema-natal .secao-titulo,
body.tema-natal .pix-card h4,
body.tema-natal .local-card h4,
body.tema-natal .card-atracao h4,
body.tema-natal .data-badge,
body.tema-natal [style*="Boogaloo"] {
  font-family: var(--f-titulo) !important;
  font-weight: 700;
  letter-spacing: -.01em;
}
body.tema-natal .secao-titulo { color: var(--verde); }
body.tema-natal .pix-card { border-top-color: var(--verde-claro); }
body.tema-natal .pix-card h4 { color: var(--verde); }
body.tema-natal .secao-titulo span { color: var(--vermelho); }
body.tema-natal [style*="#1c2a6b"] { color: var(--verde) !important; }   /* "Vendas em breve/encerradas" */
body.tema-natal [style*="Dancing Script"] { color: var(--vinho) !important; }

/* ---------- Fundo e cartões ---------- */
body.tema-natal .secao-bg { background: var(--creme); }
body.tema-natal .form-card {
  border-radius: 24px;
  box-shadow: 0 14px 34px rgba(74, 18, 9, .12);
  border-top: 5px solid var(--verde);
}
body.tema-natal .form-label { color: var(--verde); }
body.tema-natal .form-control:focus,
body.tema-natal .form-select:focus {
  border-color: var(--verde-claro);
  box-shadow: 0 0 0 .2rem rgba(47, 122, 82, .22);
}
body.tema-natal .form-check-input:checked { background-color: var(--verde); border-color: var(--verde); }

/* ---------- Botões ---------- */
body.tema-natal .btn-arraia {
  font-family: 'Nunito', system-ui, sans-serif;
  font-weight: 800;
  font-size: 1.15rem;
  letter-spacing: .01em;
  border-radius: 999px;
}
body.tema-natal .btn-principal { background: var(--vermelho); box-shadow: 0 8px 20px rgba(179, 38, 30, .28); }
body.tema-natal .btn-principal:hover { background: var(--vermelho-600); color: #fff; }
body.tema-natal .btn-secundario { background: var(--verde); box-shadow: 0 8px 20px rgba(31, 77, 58, .25); }
body.tema-natal .btn-verde { background: var(--verde-claro); box-shadow: 0 8px 20px rgba(47, 122, 82, .25); }
body.tema-natal .btn-primary { background-color: var(--verde); border-color: var(--verde); }
body.tema-natal .btn-primary:hover { background-color: var(--verde-fundo); border-color: var(--verde-fundo); }
body.tema-natal .btn-outline-primary { color: var(--verde); border-color: var(--verde); }
body.tema-natal .btn-outline-primary:hover { background-color: var(--verde); border-color: var(--verde); color: #fff; }
body.tema-natal a:not(.btn):not(.btn-arraia) { color: var(--verde-claro); }
body.tema-natal a:focus-visible, body.tema-natal button:focus-visible {
  outline: 3px solid var(--dourado); outline-offset: 3px; border-radius: 8px;
}

/* ---------- Avisos ---------- */
body.tema-natal .alert-info { background: #EAF3EC; border-color: #CFE3D5; color: var(--verde-fundo); }
body.tema-natal .text-success { color: var(--verde-claro) !important; }

/* ---------- Rodapé ---------- */
body.tema-natal .rodape {
  background: var(--verde-fundo);
  color: rgba(255, 250, 240, .9);
  border-top: 3px solid var(--dourado);
}
body.tema-natal .rodape a { color: var(--luz); }

@media (prefers-reduced-motion: reduce) {
  body.tema-natal .btn-arraia, body.tema-natal .btn-arraia:hover { transition: none; transform: none; }
}