/*
 * holidays.css — Feijão OS v2
 * Estilo por data comemorativa. Prioriza discrição em telas de OPERAÇÃO
 * (cozinha, garçom, caixa) e riqueza em telas de EXIBIÇÃO (delivery/TV/menu).
 *
 * Adicionar nova data: bloco .holiday-<slug> + regras específicas se quiser.
 */

/* ================= CHIP UNIVERSAL (injetado pelo holidays.js) ================= */

.fx-holiday-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  margin-left: 10px;
  border-radius: 999px;
  font: 500 11px/1 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  letter-spacing: .3px;
  color: #f4d69f;
  background: linear-gradient(135deg, rgba(255,180,80,.14), rgba(255,120,50,.08));
  border: 1px solid rgba(255,180,80,.35);
  vertical-align: middle;
  user-select: none;
  box-shadow: 0 1px 6px rgba(255,140,50,.10);
  animation: fx-chip-pulse 4.2s ease-in-out infinite;
}
.fx-holiday-chip .fx-em { font-size: 14px; line-height: 1; }
.fx-holiday-chip .fx-lbl { text-transform: uppercase; font-weight: 600; }

@keyframes fx-chip-pulse {
  0%, 100% { box-shadow: 0 1px 6px rgba(255,140,50,.10); }
  50%      { box-shadow: 0 1px 14px rgba(255,180,80,.30); }
}

/* Telas escuras de operação (KDS, garçom): mantém chip menor e mais sóbrio */
body.holiday-active header .fx-holiday-chip {
  font-size: 10px;
  padding: 3px 9px;
}

/* ================= TEMA: DIA DOS PAIS ================= */
/*
 * Sóbrio, elegante. Marrom/gravata/couro. Nada de emoji gigante.
 * Aparece no chip do header + faixa discreta no topo da tela.
 */

body.holiday-dia-pais .fx-holiday-chip {
  color: #e8d0a2;
  background: linear-gradient(135deg, rgba(140,90,55,.28), rgba(60,35,20,.22));
  border-color: rgba(200,150,90,.55);
}

/* Faixa fina no topo, atrás do header (não bloqueia clique, não ocupa espaço extra) */
body.holiday-dia-pais::before {
  content: 'Homenagem aos pais · Feijão da Vila';
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font: 600 10.5px/22px 'IBM Plex Sans', system-ui, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #f7e5c1;
  background: linear-gradient(90deg,
              #3a2416 0%,
              #6b3f1f 30%,
              #a56628 50%,
              #6b3f1f 70%,
              #3a2416 100%);
  z-index: 100000;
  pointer-events: none;
  box-shadow: 0 2px 10px rgba(0,0,0,.35);
}
/* Empurra o body pra baixo pra faixa não sobrepor o header */
body.holiday-dia-pais { padding-top: 22px !important; box-sizing: border-box; }

/* ================= TEMA: DIA DAS MÃES ================= */
body.holiday-dia-maes .fx-holiday-chip {
  color: #ffd7e5;
  background: linear-gradient(135deg, rgba(230,80,140,.22), rgba(180,50,110,.14));
  border-color: rgba(230,120,170,.55);
}
body.holiday-dia-maes::before {
  content: 'Homenagem às mães · Feijão da Vila';
  position: fixed; top: 0; left: 0; right: 0; height: 22px; line-height: 22px;
  text-align: center; font: 600 10.5px/22px 'IBM Plex Sans', system-ui, sans-serif;
  letter-spacing: 2px; text-transform: uppercase; color: #fff0f5;
  background: linear-gradient(90deg, #5a1830, #b13570, #e56aa0, #b13570, #5a1830);
  z-index: 100000; pointer-events: none; box-shadow: 0 2px 10px rgba(0,0,0,.35);
}
body.holiday-dia-maes { padding-top: 22px !important; box-sizing: border-box; }

/* ================= TEMA: NAMORADOS ================= */
body.holiday-dia-namorados .fx-holiday-chip {
  color: #ffcfd8;
  background: linear-gradient(135deg, rgba(220,50,80,.22), rgba(160,20,50,.14));
  border-color: rgba(240,90,120,.55);
}

/* ================= TEMA: SÃO JOÃO / FESTA JUNINA ================= */
body.holiday-sao-joao .fx-holiday-chip {
  color: #ffe38a;
  background: linear-gradient(135deg, rgba(210,120,30,.24), rgba(150,60,20,.16));
  border-color: rgba(255,180,60,.55);
}
body.holiday-sao-joao::before {
  content: '🔥 Bom São João · arraiá do Feijão da Vila 🔥';
  position: fixed; top: 0; left: 0; right: 0; height: 24px; line-height: 24px;
  text-align: center; font: 600 11px/24px 'IBM Plex Sans', system-ui, sans-serif;
  letter-spacing: 2px; color: #fff5c9;
  background: repeating-linear-gradient(90deg,
              #a83a10 0 40px, #d76310 40px 80px, #f0a02a 80px 120px);
  z-index: 100000; pointer-events: none;
}
body.holiday-sao-joao { padding-top: 24px !important; box-sizing: border-box; }

/* ================= TEMA: INDEPENDÊNCIA / REPÚBLICA / TIRADENTES ================= */
body.holiday-independencia .fx-holiday-chip,
body.holiday-republica    .fx-holiday-chip,
body.holiday-tiradentes   .fx-holiday-chip {
  color: #d0f0d0;
  background: linear-gradient(135deg, rgba(0,150,60,.22), rgba(240,220,0,.10));
  border-color: rgba(0,190,80,.55);
}

/* ================= TEMA: CRIANÇAS / NOSSA SENHORA ================= */
body.holiday-nossa-senhora .fx-holiday-chip {
  color: #cee9ff;
  background: linear-gradient(135deg, rgba(80,150,220,.22), rgba(20,80,160,.12));
  border-color: rgba(120,180,240,.55);
}

/* ================= TEMA: FINADOS ================= */
body.holiday-finados .fx-holiday-chip {
  color: #d5d8dc;
  background: linear-gradient(135deg, rgba(80,80,90,.35), rgba(30,30,35,.20));
  border-color: rgba(140,140,150,.45);
}

/* ================= TEMA: NATAL ================= */
body.holiday-natal .fx-holiday-chip {
  color: #ffe6b8;
  background: linear-gradient(135deg, rgba(200,30,40,.28), rgba(20,110,50,.20));
  border-color: rgba(255,200,120,.60);
}
body.holiday-natal::before {
  content: '🎄 Feliz Natal · Feijão da Vila deseja boas festas 🎄';
  position: fixed; top: 0; left: 0; right: 0; height: 24px; line-height: 24px;
  text-align: center; font: 600 11px/24px 'IBM Plex Sans', system-ui, sans-serif;
  letter-spacing: 2px; color: #fff2d1;
  background: linear-gradient(90deg, #7a0b1a, #b02020, #1c6b3a, #b02020, #7a0b1a);
  z-index: 100000; pointer-events: none;
}
body.holiday-natal { padding-top: 24px !important; box-sizing: border-box; }

/* ================= TEMA: RÉVEILLON / ANO NOVO ================= */
body.holiday-reveillon .fx-holiday-chip,
body.holiday-ano-novo  .fx-holiday-chip {
  color: #ffe8a3;
  background: linear-gradient(135deg, rgba(255,190,60,.28), rgba(140,90,10,.15));
  border-color: rgba(255,215,110,.60);
}

/* ================= TEMA: PÁSCOA / SEXTA SANTA / CARNAVAL ================= */
body.holiday-pascoa .fx-holiday-chip {
  color: #fbe4c2;
  background: linear-gradient(135deg, rgba(220,170,90,.22), rgba(140,80,20,.14));
  border-color: rgba(230,180,110,.55);
}
body.holiday-sexta-santa .fx-holiday-chip {
  color: #e0dfe6;
  background: linear-gradient(135deg, rgba(90,80,120,.28), rgba(40,35,55,.20));
  border-color: rgba(160,150,190,.45);
}
body.holiday-carnaval .fx-holiday-chip {
  color: #ffd6ff;
  background: linear-gradient(135deg,
              rgba(230,60,180,.24),
              rgba(60,180,230,.20),
              rgba(240,220,60,.16));
  border-color: rgba(240,120,220,.60);
}

/* ================= Telas de exibição (delivery, TV, painel): chip maior ================= */
body.holiday-active.on-tv .fx-holiday-chip,
body.holiday-active[data-view="cliente"] .fx-holiday-chip {
  font-size: 13px;
  padding: 6px 14px;
}