/* J4G — TÉMY WEBU PODĽA DÁTUMU — spoločné pre job4gastro.sk / .at / .hu / job4eu.sk (Georg 16. 10. 2026).
   Prepína tema.js cez <html data-tema="leto|zima|vianoce|halloween|jar|velkanoc">. Základ (leto) = bežné CSS webu.
   Každá téma mení len: akcentové farby, pozadie titulky (ak má web zimný/jarný záber), ozdoby (sneh, svetielka, vločky), avatar (cez data-src-*).
   ROZSAH (16. 10. 2026, nasadenie): pravidlá platia len vnútri .j4gx — samostatná stránka má <body class="j4gx">, vo WordPresse sú to obaly
   novej hlavičky/pätičky/obsahu (header.j4gx, .j4gx.j4g-top, .j4gx.j4g-stranka, .j4gx.j4g-ft) a body.j4g-nw-stranka — aby téma nesiahala
   na pôvodné časti WordPressu (Colibri, články, ponuky). Spoločná adresa: https://agent.job4gastro.sk/appka/j4g-temy/tema.css?v=<dátum> */

/* ===== ZIMA (1. 11. – 28. 2.) — do modra, sneh ===== */
html[data-tema="zima"] body.j4gx,html[data-tema="zima"] body.j4g-nw-stranka{background:#090d14}
html[data-tema="zima"] .j4gx .hero{background-color:#060a12}
html[data-tema="zima"] .j4gx .hero::before{background:linear-gradient(90deg,rgba(6,10,18,.94) 0,rgba(6,10,18,.78) 40%,rgba(6,10,18,.14) 72%)}
html[data-tema="zima"] .j4gx .hero::after{background:linear-gradient(180deg,transparent,#090d14)}
html[data-tema="zima"] .j4gx .grad{background-image:linear-gradient(90deg,#9ee037,#bfe9ff)}
html[data-tema="zima"] .j4gx .lbl,html[data-tema="zima"] .j4gx .more a,html[data-tema="zima"] .j4gx .job .go{color:#bfe9ff}
html[data-tema="zima"] .j4gx .dots span.on{border-color:#bfe9ff;box-shadow:0 0 0 4px rgba(191,233,255,.18),0 0 24px rgba(191,233,255,.5)}
html[data-tema="zima"] .j4gx .mascot::before{background:radial-gradient(circle,rgba(140,200,255,.38),transparent 65%)}
html[data-tema="zima"] .j4gx .mascot img{filter:drop-shadow(0 30px 50px rgba(0,0,0,.75)) drop-shadow(0 0 30px rgba(160,210,255,.3))}
html[data-tema="zima"] .j4gx .ocenenia{background:linear-gradient(90deg,#10182a,#172238)}
html[data-tema="zima"] .j4gx .dark2{background:#0d1320}
html[data-tema="zima"] .j4gx .card,html[data-tema="zima"] .j4gx .job,html[data-tema="zima"] .j4gx .ref,html[data-tema="zima"] .j4gx .rev,html[data-tema="zima"] .j4gx .osoba,html[data-tema="zima"] .j4gx .clanok,html[data-tema="zima"] .j4gx details,html[data-tema="zima"] .j4gx .path{background:#121a28;border-color:rgba(191,233,255,.1)}
html[data-tema="zima"] .j4gx .edobox,html[data-tema="zima"] .j4gx .berater{background:linear-gradient(160deg,#172238,#0d1320)}
html[data-tema="zima"] .j4gx .okno.zima{box-shadow:0 0 0 2px rgba(191,233,255,.35),0 20px 60px rgba(120,180,255,.15)}
html[data-tema="zima"] .j4gx .start{background:radial-gradient(circle at 30% 50%,#13223a,#090d14 60%)}
html[data-tema="zima"] .j4gx .topbar{background:#0d1320}
html[data-tema="zima"] header.j4gx,html[data-tema="zima"] .j4gx header{background:rgba(9,13,20,.78)}
html[data-tema="zima"] .j4gx footer{background:#070a10}
/* vločky „sem-tam“ v nadpisoch sekcií */
html[data-tema="zima"] .j4gx section > .wrap > h2::after,html[data-tema="zima"] .j4gx .okno.zima h2::after{content:" ❄";color:#bfe9ff;font-size:.7em;vertical-align:middle;opacity:.85}
/* zimný záber titulky — web, ktorý ho má, ho uvedie vo vlastnom CSS (napr. .hero{background-image:url(img/pozadie_hero_zima.jpg)}) */

/* ===== MIKULÁŠ + VIANOCE (1. 12. – 6. 1.) — zima + svetielka ===== */
html[data-tema="vianoce"] body.j4gx,html[data-tema="vianoce"] body.j4g-nw-stranka{background:#090d14}
html[data-tema="vianoce"] .j4gx .hero{background-color:#060a12}
html[data-tema="vianoce"] .j4gx .hero::before{background:linear-gradient(90deg,rgba(6,10,18,.94) 0,rgba(6,10,18,.78) 40%,rgba(6,10,18,.14) 72%)}
html[data-tema="vianoce"] .j4gx .hero::after{background:linear-gradient(180deg,transparent,#090d14)}
html[data-tema="vianoce"] .j4gx .grad{background-image:linear-gradient(90deg,#ffd166,#ff6b6b)}
html[data-tema="vianoce"] .j4gx .lbl,html[data-tema="vianoce"] .j4gx .more a,html[data-tema="vianoce"] .j4gx .job .go{color:#ffd166}
html[data-tema="vianoce"] .j4gx .dots span.on{border-color:#ffd166;box-shadow:0 0 0 4px rgba(255,209,102,.18),0 0 24px rgba(255,209,102,.5)}
html[data-tema="vianoce"] .j4gx .mascot::before{background:radial-gradient(circle,rgba(255,180,80,.35),transparent 65%)}
html[data-tema="vianoce"] .j4gx .dark2{background:#0d1320}
html[data-tema="vianoce"] .j4gx .card,html[data-tema="vianoce"] .j4gx .job,html[data-tema="vianoce"] .j4gx .ref,html[data-tema="vianoce"] .j4gx .rev,html[data-tema="vianoce"] .j4gx .osoba,html[data-tema="vianoce"] .j4gx .clanok,html[data-tema="vianoce"] .j4gx details,html[data-tema="vianoce"] .j4gx .path{background:#121a28;border-color:rgba(255,209,102,.12)}
html[data-tema="vianoce"] .j4gx .topbar{background:#0d1320}
html[data-tema="vianoce"] .j4gx footer{background:#070a10}
html[data-tema="vianoce"] header.j4gx,html[data-tema="vianoce"] .j4gx header{border-bottom:0;background:rgba(9,13,20,.78)}
/* reťaz svetielok pod hlavičkou */
html[data-tema="vianoce"] header.j4gx::after,html[data-tema="vianoce"] .j4gx header::after{content:"";display:block;height:6px;background:repeating-linear-gradient(90deg,#ff6b6b 0 14px,transparent 14px 34px,#ffd166 34px 48px,transparent 48px 68px,#6be0ff 68px 82px,transparent 82px 102px,#9ee037 102px 116px,transparent 116px 136px);opacity:.9;animation:svetielka 1.6s steps(2) infinite}
@keyframes svetielka{0%{filter:brightness(1)}50%{filter:brightness(.55)}100%{filter:brightness(1)}}
html[data-tema="vianoce"] .j4gx section > .wrap > h2::after{content:" 🎄";font-size:.7em;vertical-align:middle}

/* ===== HALLOWEEN (27. – 31. 10.) — oranžová, tmavohnedá (farby Halloween session: #f28c28) ===== */
html[data-tema="halloween"] body.j4gx,html[data-tema="halloween"] body.j4g-nw-stranka{background:#0f0b08}
html[data-tema="halloween"] .j4gx .hero{background-color:#0a0705}
html[data-tema="halloween"] .j4gx .hero::before{background:linear-gradient(90deg,rgba(14,9,5,.94) 0,rgba(14,9,5,.78) 40%,rgba(14,9,5,.14) 72%)}
html[data-tema="halloween"] .j4gx .hero::after{background:linear-gradient(180deg,transparent,#0f0b08)}
html[data-tema="halloween"] .j4gx .grad{background-image:linear-gradient(90deg,#f28c28,#ffd166)}
html[data-tema="halloween"] .j4gx .lbl,html[data-tema="halloween"] .j4gx .more a,html[data-tema="halloween"] .j4gx .job .go{color:#f28c28}
html[data-tema="halloween"] .j4gx .dots span.on{border-color:#f28c28;box-shadow:0 0 0 4px rgba(242,140,40,.18),0 0 24px rgba(242,140,40,.5)}
html[data-tema="halloween"] .j4gx .mascot::before{background:radial-gradient(circle,rgba(242,140,40,.4),transparent 65%)}
html[data-tema="halloween"] .j4gx .dark2{background:#15100b}
html[data-tema="halloween"] .j4gx .card,html[data-tema="halloween"] .j4gx .job,html[data-tema="halloween"] .j4gx .ref,html[data-tema="halloween"] .j4gx .rev,html[data-tema="halloween"] .j4gx .osoba,html[data-tema="halloween"] .j4gx .clanok,html[data-tema="halloween"] .j4gx details,html[data-tema="halloween"] .j4gx .path{background:#1b140d;border-color:rgba(242,140,40,.14)}
html[data-tema="halloween"] .j4gx .topbar{background:#15100b}
html[data-tema="halloween"] .j4gx footer{background:#0a0705}
html[data-tema="halloween"] .j4gx section > .wrap > h2::after{content:" 🎃";font-size:.7em;vertical-align:middle}

/* ===== JAR (1. 3. – 30. 4.) — sviežejšia zelená, svetlejšie karty ===== */
html[data-tema="jar"] .j4gx .grad{background-image:linear-gradient(90deg,#7ad63a,#f5e663)}
html[data-tema="jar"] .j4gx .lbl{color:#b4ee4a}
html[data-tema="jar"] .j4gx section > .wrap > h2::after{content:" 🌱";font-size:.7em;vertical-align:middle}

/* ===== VEĽKÁ NOC (Kvetná nedeľa – Veľkonočný pondelok) — jar + 🐣 ===== */
html[data-tema="velkanoc"] .j4gx .grad{background-image:linear-gradient(90deg,#7ad63a,#ffd166)}
html[data-tema="velkanoc"] .j4gx .lbl{color:#ffd166}
html[data-tema="velkanoc"] .j4gx section > .wrap > h2::after{content:" 🐣";font-size:.7em;vertical-align:middle}

/* appkový červený blok a pás „bez poplatkov“ ostávajú vo všetkých témach rovnaké (značka). */

/* WordPress (Colibri): obaly novej hlavičky, obsahu a pätičky dostanú pozadie témy (samostatná stránka to má cez body) */
html[data-tema="zima"] .j4gx.j4g-top,html[data-tema="zima"] .j4gx.j4g-ft,html[data-tema="zima"] .j4gx.j4g-stranka{background:#090d14}
html[data-tema="vianoce"] .j4gx.j4g-top,html[data-tema="vianoce"] .j4gx.j4g-ft,html[data-tema="vianoce"] .j4gx.j4g-stranka{background:#090d14}
html[data-tema="halloween"] .j4gx.j4g-top,html[data-tema="halloween"] .j4gx.j4g-ft,html[data-tema="halloween"] .j4gx.j4g-stranka{background:#0f0b08}