/* =====================================================================
   TEMA SAZONAL: DIA DAS BRUXAS
   Carregado depois do ingra.css só dentro da janela de config/temas.php
   (sai sozinho na data fim). Escurece o site trocando as variáveis e corrige
   os poucos pontos com cor fixa clara. Decoração (morcegos, teia, faixa) fica
   no partial layout/partials/tema-halloween.
   ===================================================================== */
:root{
  --white:#1A1324;      /* superfícies: cards, inputs, caixas */
  --bg:#0D0913;
  --panel:#140E1C;
  --ink:#F6F0FF;        /* títulos */
  --txt:#E6DDF2;
  --txt-2:#B9ACCB;
  --txt-3:#8C7F9F;
  --line:#2B2137;
  --line-2:#3C2F4D;

  --nav:#09060E;
  --brand:#F97316;      /* abóbora */
  --brand-ink:#FB923C;
  --brand-soft:#2A1810;
  --brand-on-dark:#FDBA74;
  --cyan:#A855F7;       /* roxo de bruxa */
  --cyan-soft:#22163A;

  --grad-brand:linear-gradient(135deg,#FDBA74 0%,#F97316 45%,#9333EA 100%);
  --grad-brand-hover:linear-gradient(135deg,#FCA55A 0%,#EA580C 45%,#7E22CE 100%);

  --ok:#34D399; --ok-soft:#0E2A21;
  --warn:#FBBF24; --warn-soft:#2A2110;
  --danger:#F87171;

  --sh-1:0 1px 2px rgba(0,0,0,.4);
  --sh-2:0 2px 6px rgba(0,0,0,.35),0 10px 26px -14px rgba(0,0,0,.7);
  --sh-3:0 4px 12px rgba(0,0,0,.4),0 24px 48px -24px rgba(0,0,0,.8);
  color-scheme:dark;
}

body{
  background:
    radial-gradient(1200px 520px at 12% -8%,rgba(147,51,234,.20),transparent 60%),
    radial-gradient(900px 480px at 100% 0%,rgba(249,115,22,.12),transparent 60%),
    var(--bg);
  background-repeat:no-repeat;
}
::selection{background:#F97316;color:#120800}

/* botões laranja: texto escuro (branco sobre laranja fica sem contraste) */
.btn-primary{color:#1A0B02;font-weight:700;background:linear-gradient(135deg,#FDBA74,#F97316 55%,#EA580C);
  box-shadow:0 0 0 1px rgba(249,115,22,.35),0 8px 22px -10px rgba(249,115,22,.65)}
.btn-primary:hover{background:linear-gradient(135deg,#FED7AA,#FB923C 55%,#F97316);color:#1A0B02}
.btn-primary svg{stroke:currentColor}
.btn-dark:hover{background:#1E1530}
.btn-ghost:hover,.chip:hover{border-color:#5B4870}
.chip.on{background:#F97316;color:#1A0B02;border-color:#F97316}
.step.on .b,.cbox.on{color:#1A0B02}
.tk-foot .btn-block:disabled{color:var(--txt-3);background:var(--line)}
.input:focus{box-shadow:0 0 0 3px rgba(249,115,22,.22)}
.tag-cyan{color:#C99BFF}

/* cabeçalho e logo */
.site-head{background:linear-gradient(180deg,#120A1C,#09060E);border-bottom:1px solid rgba(249,115,22,.22);position:relative}
.site-nav a.on{color:#FDBA74}
.site-foot .brand,.m-drawer .panel .head .brand{background-image:url("/site/img/logo-light.png")}

/* fundos que usavam --ink como cor escura de bloco */
.pax-head .idx,.ccard,.imp-fechar:hover{background:#2E1F42}
.poster,.ev-poster,.sum-thumb,.artist .av,.ecard .poster.c-sand{background-color:#1E1430}

/* cor fixa clara no ingra.css */
.promo,.selo-neutro{border-color:#3A2616}
.promo{background:linear-gradient(120deg,#2A1810,#22163A)}
.mapbox{background:#17101F}
.mapbox::before{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}
.map-road{background:#2B2137}
.timer,.alerta-tempo,.aviso-atencao,.prot-faixa.prot-solicitada{border-color:#4A3814;color:#FCD34D}
.aviso-musa,.aviso-musa b{background:#2C1218;border-color:#57212C;color:#FCA5A5}
.aviso-musa b{background:none}
.alerta-urgente,.alerta-esgotado,.aviso-erro,.timer.urgente,.prot-faixa.prot-recusada,.lista-erro{
  background:#2C1218;border-color:#57212C;color:#FCA5A5}
.aviso-ok,.alerta-pago,.lista-ok,.tk-cupom,.prot-faixa.prot-aprovada,.prot-faixa.prot-paga{border-color:#1D4D3D}
.aviso-ok,.lista-ok,.pix-status.pago,.tk-cupom b{color:#6EE7B7}
.tk-cupom small{color:#5FB89A}
.parc-lista li.parc-st-pago .parc-tag,.parc-lista li.parc-st-pago .parc-valor{color:#6EE7B7}
.parc-lista li.parc-st-atrasado .parc-tag{color:#FCA5A5}
.mp-p.ocupado{border-color:#3C2F4D;background:#2B2137}
/* QR codes precisam de fundo branco para o leitor */
.qr,.pix-qr{background:#fff}

/* imagens de evento sem buraco preto no hover */
.ecard{background:var(--white)}
.ecard:hover{border-color:rgba(249,115,22,.45);box-shadow:0 10px 30px -14px rgba(249,115,22,.45)}

/* autofill do Chrome pinta o input de branco */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--txt);-webkit-box-shadow:0 0 0 1000px var(--white) inset;caret-color:var(--txt)}

/* rodapé: o <style> do footer vem depois deste arquivo, daí o .site-foot na frente */
.site-foot .foot-cta{background:linear-gradient(100deg,#4C1D95 0%,#7E22CE 40%,#EA580C 100%)}
.site-foot .foot-cta-tag{background:#1A0B2E;color:#FDBA74}
.site-foot .foot-cta-btn{background:#FFEDD5;color:#7C2D12 !important}
.site-foot .foot-tela{background:#1A1324}
.site-foot .foot-tela-botao{color:#1A0B02}

/* popup de destaque da home (estilo inline vem depois: seletor mais forte) */
.pop-destaque .pop-caixa{background:#1A1324;box-shadow:0 0 0 1px rgba(249,115,22,.4),0 24px 60px rgba(0,0,0,.6)}
.pop-destaque .pop-cta{background:linear-gradient(135deg,#FDBA74,#F97316 55%,#EA580C);color:#1A0B02}
.pop-destaque .pop-fallback{background:linear-gradient(150deg,#4C1D95,#120A1C)}

/* ---------- decoração ---------- */
.hw-faixa{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 16px;
  background:linear-gradient(90deg,#3B0764,#7C2D12 50%,#3B0764);color:#FFEDD5;font-size:13px;font-weight:600;
  letter-spacing:.01em;text-align:center}
.hw-faixa a{color:#FDBA74;text-decoration:underline;text-underline-offset:3px}
.hw-faixa span[aria-hidden]{font-size:16px;line-height:1}

.hw-teia{position:absolute;top:0;width:120px;height:120px;pointer-events:none;opacity:.32;z-index:0}
.hw-teia-e{left:0}
.hw-teia-d{right:0;transform:scaleX(-1)}
.site-head > :not(.hw-teia){position:relative;z-index:1}

.hw-morcegos{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}
.hw-morcego{position:absolute;left:-60px;width:42px;height:22px;color:#05020A;
  filter:drop-shadow(0 0 2px rgba(253,186,116,.9)) drop-shadow(0 0 8px rgba(249,115,22,.45));animation:hw-voo linear infinite}
.hw-morcego svg{width:100%;height:100%;animation:hw-asa .28s ease-in-out infinite alternate;transform-origin:50% 60%}
.hw-morcego:nth-child(1){top:14%;animation-duration:19s;animation-delay:-3s}
.hw-morcego:nth-child(2){top:32%;width:30px;height:16px;animation-duration:25s;animation-delay:-14s}
.hw-morcego:nth-child(3){top:58%;width:36px;height:19px;animation-duration:22s;animation-delay:-8s}
.hw-morcego:nth-child(4){top:76%;width:26px;height:14px;animation-duration:29s;animation-delay:-20s}
@keyframes hw-voo{
  0%{transform:translate(0,0)}
  25%{transform:translate(28vw,-40px)}
  50%{transform:translate(55vw,25px)}
  75%{transform:translate(82vw,-30px)}
  100%{transform:translate(calc(100vw + 120px),10px)}
}
@keyframes hw-asa{from{transform:scaleY(1)}to{transform:scaleY(.45)}}

.hw-cemiterio{display:block;width:100%;height:70px;margin-top:48px;margin-bottom:-1px;color:#140E1C}
.hw-cemiterio + .site-foot{margin-top:0;border-top:0}

@media (max-width:860px){
  .hw-faixa{font-size:12px;padding:6px 12px}
  .hw-teia{width:80px;height:80px}
  .hw-morcego:nth-child(n+3){display:none}
  .hw-cemiterio{height:46px}
}
@media (prefers-reduced-motion:reduce){
  .hw-morcegos{display:none}
}
@media print{
  .hw-faixa,.hw-morcegos,.hw-teia,.hw-cemiterio{display:none!important}
}