/* Vianočný vzhľad. Načíta sa iba so zapnutým prepínačom v Admin → Nastavenia; po sviatkoch sa vypne bez úpravy kódu. */

:root {
  --bg: #FFFDF8;
  --soft: #F7EFE3;
  --accent: #B3202A;
  --accent-dark: #8E1720;
  --accent-soft: #FBE7E4;
  --pine: #173A2E;
  --pine-deep: #0F2A21;
  --gold: #E9C46A;
}

/* pás ako vianočná stuha nad hlavičkou */
body.xmas::before { content: ""; display: block; height: 6px; background: repeating-linear-gradient(135deg, var(--accent) 0 16px, #fff 16px 26px, var(--pine) 26px 42px, #fff 42px 52px); }

.xmas-bar { margin: 0; background: var(--pine-deep); color: #F6EBD3; font-size: 14px; text-align: center; padding: 8px 16px; }
.xmas-bar strong { color: var(--gold); }

body.xmas .hero { position: relative; color: #fff; background: radial-gradient(120% 90% at 78% 12%, #2A5A47 0%, var(--pine) 46%, var(--pine-deep) 100%); padding-top: 40px; padding-bottom: 44px; }
body.xmas .hero .wrap { position: relative; z-index: 1; }
body.xmas .hero h1 { color: #fff; }
body.xmas .hero h1 em { font-style: normal; color: var(--gold); }
body.xmas .hero .lead { color: #E8F0EA; }
body.xmas .hero .from { color: #D5E2D9; }
body.xmas .hero .from strong { color: #fff; }
body.xmas .hero-points { color: #D5E2D9; }
body.xmas .hero-points li::before { color: var(--gold); }
body.xmas .hero .btn-primary { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32); }
.hero-kicker { display: inline-block; margin: 0 0 12px; padding: 5px 14px; border: 1px solid rgba(233, 196, 106, 0.6); border-radius: 999px; color: var(--gold); font-size: 14px; font-weight: 600; letter-spacing: 0.02em; }
#snow { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }

body.xmas .section.alt { background: #F8F1E6; }
body.xmas .site-foot { background: var(--pine-deep); }
body.xmas .site-head { background: rgba(255, 253, 248, 0.94); }
body.xmas .step-n { background: var(--accent); color: #fff; }

/* úvod editora */
body.editor.xmas .mode-card.featured { background: #FFF9F3; }