/* ZLATÁ KNIHA — ŠKRIATKOVE NÁPADY ZADARMO (/napady, /napady/den-<n>, 2. 10. 2026).
   Načítava sa ZA obchod.css (rovnaké tokeny, návrh C): nočná obálka s pečaťou „Zadarmo“, adventný kalendár z oblúkových okienok,
   karty nápadov na krémovom papieri, odkaz od škriatka ako lístok na vystrihnutie, čistá tlač kariet. Prísna CSP: žiadne inline štýly. */

/* papierový kontext (svetlé tokeny) – rovnaké hodnoty ako .darcek/.obchodik v obchod.css */
.ako-pravidla, .napad, .predaj {
  --pozadie: #fbf6ec; --plocha: #f1e6cf; --plocha-2: #e9dbbd; --biela: #fffdf8;
  --linka: #e6d9bd; --linka-zlata: #d9bf84; --noc: #14213d; --zlata-text: #85611f; --chyba: #a3262f;
  --text: #2b2117; --text-2: #5b4a37; --ring: 0 0 0 3px #fffdf8, 0 0 0 5px #c9a24b;
  color: var(--text);
}
/* farby druhov nápadov: --typ na papieri, --typ-svetla na noci */
.typ-huncutstvo { --typ: #9b2a3a; --typ-svetla: #f2a7b0; }
.typ-dobry-skutok { --typ: #2e6b4e; --typ-svetla: #9fd8b4; }
.typ-kreativne { --typ: #85611f; --typ-svetla: #ecd9a6; }
.typ-mini-hra { --typ: #2f5aa8; --typ-svetla: #a9c4f5; }
.typ-ranne-prekvapenie { --typ: #a8541a; --typ-svetla: #f6c08a; }

.napady-hlava { display: grid; gap: var(--s-2); max-width: 44em; margin-bottom: var(--s-6); }
.napady-hlava p { color: var(--text-2); text-wrap: pretty; }
@media (max-width: 640px) { .napady-hlava { margin-bottom: var(--s-5); } }

/* ---------- hero s pečaťou ---------- */
.napady-hero { padding: var(--s-7) 0 var(--s-7); }
.napady-hero .hero-nadpis { max-width: 16ch; }
.pecat { display: grid; place-items: center; width: 152px; height: 152px; margin-bottom: var(--s-3); border-radius: 50%; transform: rotate(-7deg);
  background: radial-gradient(circle at 38% 32%, #2a7047, #225d3a 55%, #1b4a2f); border: 3px solid var(--zlata);
  box-shadow: 0 0 0 6px rgba(201, 162, 75, .16), 0 18px 34px -14px rgba(0, 0, 0, .7); }
.pecat-in { position: relative; display: grid; place-items: center; align-content: center; gap: 4px; width: 124px; height: 124px; border-radius: 50%; border: 1px dashed rgba(236, 217, 166, .75); text-align: center; }
.pecat-text { font: 800 1.375rem/1 var(--f-text); letter-spacing: .1em; text-transform: uppercase; color: #fbf3e2; }
.pecat-pod { font: italic 500 1rem/1.1 var(--f-display); color: #f6e7bd; }
@media (max-width: 640px) {
  .napady-hero { padding: var(--s-5) 0 var(--s-6); }
  .pecat { width: 120px; height: 120px; }
  .pecat-in { width: 98px; height: 98px; }
  .pecat-text { font-size: 1rem; letter-spacing: .06em; }
  .pecat-pod { font-size: .875rem; }
}

/* ---------- adventný kalendár: 6 × 4 desktop, 4 stĺpce tablet, 3 mobil ---------- */
.napady-kalendar { padding: var(--s-6) 0 var(--s-8); }
.napady-kalendar .napady-hlava { margin-left: auto; margin-right: auto; text-align: center; justify-items: center; }
.dnes-vecer { display: flex; justify-content: center; margin: 0 0 var(--s-5); }
.dnes-vecer a { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 48px; padding: 0 var(--s-4); border-radius: var(--r-pill); border: 1px solid var(--linka-zlata); background: rgba(201, 162, 75, .12); color: var(--zlata-svetla); font-weight: 600; text-decoration: none; text-wrap: balance; }
.dnes-vecer a:hover { background: rgba(201, 162, 75, .22); }
.kalendar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 1180px; margin: 0 auto; }
.okno-polozka { display: flex; min-width: 0; }
.okno {
  position: relative; display: flex; flex-direction: column; width: 100%; min-width: 0; padding: 8px 8px 12px;
  border-radius: var(--r-2); background: var(--plocha); border: 1px solid var(--linka); color: var(--text); text-decoration: none;
  transition: border-color .15s, background-color .15s;
}
.okno:hover { border-color: var(--linka-zlata); background: var(--plocha-2); }
.okno:focus-visible { border-radius: var(--r-2); }
/* oblúkové okienko: fotka scény, alebo kaligrafické číslo na nočnej oblohe */
.okno-ram {
  position: relative; display: grid; place-items: center; aspect-ratio: 1; overflow: hidden; border-radius: 999px 999px 10px 10px;
  background-color: #0a1224; box-shadow: inset 0 0 0 1px var(--linka-zlata);
  background-image: radial-gradient(1.2px 1.2px at 18% 30%, #fff8e0, transparent), radial-gradient(1px 1px at 72% 22%, #f3dca0, transparent), radial-gradient(1px 1px at 40% 74%, #fff8e0, transparent), radial-gradient(1.3px 1.3px at 84% 66%, #f3dca0, transparent), radial-gradient(ellipse 70% 60% at 50% 100%, rgba(214, 170, 80, .22), transparent 70%);
}
.okno-ram img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.okno-cislo { padding-top: .12em; font: 400 clamp(2.75rem, 1.6rem + 4vw, 4.75rem)/1 var(--f-kaligraf); color: var(--zlata-2); text-shadow: 0 2px 14px rgba(214, 170, 80, .35); }
.okno-medailon { position: absolute; left: 50%; bottom: 8px; display: grid; place-items: center; min-width: 36px; height: 36px; padding: 0 6px; transform: translateX(-50%); border-radius: var(--r-pill); background: var(--navy); border: 1px solid var(--zlata); color: var(--zlata-svetla); font: 600 1.125rem/1 var(--f-display); }
.okno-text { display: block; padding: var(--s-2) 2px 0; text-align: center; line-height: 1.2; }
.okno-tema { font: 600 1rem/1.2 var(--f-display); color: #fbf3e2; text-wrap: balance; overflow-wrap: break-word; }
.okno.je-dnes { border: 2px solid var(--zlata); background: linear-gradient(180deg, rgba(201, 162, 75, .24), var(--plocha) 65%); box-shadow: 0 0 0 4px rgba(201, 162, 75, .14), var(--tien-1); }
.okno-dnes { position: absolute; top: 4px; right: 4px; z-index: 1; padding: 5px 9px; border-radius: var(--r-pill); background: var(--zlata); color: var(--navy); font: 700 .75rem/1 var(--f-text); }
@media (max-width: 640px) {
  .okno { padding: 5px 5px 9px; border-radius: 12px; }
  .okno-ram { border-radius: 999px 999px 8px 8px; }
  .okno-medailon { bottom: 5px; min-width: 30px; height: 30px; font-size: 1rem; }
  .okno-tema { font-size: .875rem; line-height: 1.15; }
  .okno-dnes { top: 3px; right: 3px; padding: 4px 7px; font-size: .6875rem; }
}
@media (min-width: 641px) { .kalendar { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); } }
@media (min-width: 1000px) { .kalendar { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; } .okno { padding: 10px 10px 14px; } }

/* ---------- Ako na to: pravidlá na papieri, tipy na noci ---------- */
.napady-ako { padding: var(--s-7) 0; background: linear-gradient(180deg, transparent, rgba(29, 45, 82, .55) 25%, rgba(29, 45, 82, .55) 75%, transparent); }
.ako-mriezka { display: grid; gap: var(--s-5); }
@media (min-width: 900px) { .ako-mriezka { grid-template-columns: 1fr 1fr; gap: var(--s-6); align-items: start; } }
.ako-pravidla { padding: var(--s-6) var(--s-5); border-radius: var(--r-3); background: var(--papier); box-shadow: var(--tien-2), inset 0 0 0 1px #d9bf84, inset 0 0 0 6px var(--papier), inset 0 0 0 7px #e6d9bd; }
.ako-tipy { padding: var(--s-2) 0; }
.ako-nadpis { margin-bottom: var(--s-4); font: 600 var(--t-h3)/1.2 var(--f-display); color: var(--noc); }
.ako-tipy .ako-nadpis { color: #fbf3e2; }
.ako-zoznam { display: grid; gap: var(--s-3); }
.ako-zoznam li { display: grid; grid-template-columns: 24px 1fr; gap: var(--s-3); align-items: start; text-wrap: pretty; }
.ako-zoznam .ik { margin-top: 2px; color: var(--zlata-text); }
.ako-tipy .ako-zoznam li { color: var(--text-2); }
@media (min-width: 600px) { .ako-pravidla { padding: var(--s-6); } }

/* ---------- filtre a zoznam všetkých nápadov ---------- */
.napady-zoznam { padding: var(--s-8) 0; }
.filtre { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--s-3); margin-bottom: var(--s-4); }
.filtre-typy { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.filter {
  display: inline-flex; align-items: center; gap: var(--s-2); min-height: 48px; padding: 0 var(--s-4); border-radius: var(--r-pill);
  border: 1px solid var(--linka-zlata); background: none; color: var(--text); font: 600 .9375rem/1.2 var(--f-text); cursor: pointer;
  transition: background-color .15s, color .15s, border-color .15s; -webkit-tap-highlight-color: transparent;
}
.filter:hover { background: rgba(232, 207, 143, .08); }
.filter .ik { width: 20px; height: 20px; }
.filter .ik-typ { color: var(--typ-svetla); }
.filter-pocet { min-width: 26px; padding: 3px 7px; border-radius: var(--r-pill); background: rgba(232, 207, 143, .14); font-size: .8125rem; text-align: center; font-variant-numeric: tabular-nums; }
.filter[aria-pressed="true"] { background: var(--zlata-svetla); border-color: var(--zlata-svetla); color: var(--navy); }
.filter[aria-pressed="true"] .ik-typ { color: var(--typ, var(--navy)); }
.filter[aria-pressed="true"] .filter-pocet { background: rgba(20, 33, 61, .12); }
.filter-rychle .ik { color: var(--zlata-2); }
.filter-rychle[aria-pressed="true"] .ik { color: var(--navy); }
.filtre-stav { margin-bottom: var(--s-4); font-size: var(--t-mala); color: var(--text-2); }
.zoznam { display: grid; gap: var(--s-2); }
@media (min-width: 700px) { .zoznam { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); } }
@media (min-width: 1100px) { .zoznam { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.zoznam-polozka { display: flex; min-width: 0; }
.zoznam-odkaz { display: grid; grid-template-columns: 44px 1fr; gap: var(--s-3); align-items: center; width: 100%; min-height: 68px; padding: 10px var(--s-4) 10px 10px; border-radius: var(--r-2); background: var(--plocha); border: 1px solid var(--linka); text-decoration: none; color: var(--text); transition: border-color .15s, background-color .15s; }
.zoznam-odkaz:hover { border-color: var(--linka-zlata); background: var(--plocha-2); }
.zoznam-odkaz:focus-visible { border-radius: var(--r-2); }
.zoznam-ik { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, .06); color: var(--typ-svetla); }
.zoznam-ik .ik { width: 22px; height: 22px; }
.zoznam-text { display: grid; gap: 2px; min-width: 0; }
.zoznam-nazov { font: 600 1.125rem/1.2 var(--f-display); color: #fbf3e2; }
.zoznam-meta { display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: var(--t-mini); color: var(--text-2); }
.zoznam-typ { color: var(--typ-svetla); }
.zoznam-prazdny { padding: var(--s-5); border: 1px dashed var(--linka-zlata); border-radius: var(--r-2); color: var(--text-2); text-align: center; }

/* ---------- predajná karta (jemne) ---------- */
.napady-predaj { padding: var(--s-6) 0 var(--s-8); }
.predaj { display: grid; gap: var(--s-5); padding: var(--s-5); border-radius: var(--r-3); background: var(--papier); box-shadow: var(--tien-2); }
@media (min-width: 900px) { .predaj { grid-template-columns: 1fr 2fr; gap: var(--s-6); padding: var(--s-6); align-items: center; } }
.predaj-hlava { display: grid; gap: var(--s-2); }
.predaj-nadpis { font: 600 clamp(1.5rem, 1.3rem + .8vw, 2rem)/1.15 var(--f-display); color: var(--noc); }
.predaj-hlava p { color: var(--text-2); }
.predaj-ponuky { display: grid; gap: var(--s-3); }
@media (min-width: 640px) { .predaj-ponuky { grid-template-columns: 1fr 1fr; gap: var(--s-4); } }
.predaj-ponuky li { display: flex; min-width: 0; }
.predaj-ponuka { display: grid; grid-template-columns: 88px 1fr; gap: var(--s-4); width: 100%; padding: var(--s-3); border-radius: var(--r-2); background: var(--biela); border: 1px solid var(--linka); text-decoration: none; color: var(--text); transition: border-color .15s; }
.predaj-ponuka:hover { border-color: var(--zlata); }
.predaj-ponuka:focus-visible { border-radius: var(--r-2); }
.predaj-foto { display: block; align-self: start; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--r-1); background: var(--plocha-2); }
.predaj-foto img { width: 100%; height: 100%; object-fit: cover; }
.predaj-foto.je-papier { background: #e9dbbd; padding: 8px 8px 0; }
.predaj-foto.je-papier img { object-fit: contain; object-position: top; }
.predaj-telo { display: grid; gap: 4px; align-content: start; min-width: 0; }
.predaj-meno { font: 600 1.25rem/1.2 var(--f-display); color: var(--noc); }
.predaj-veta { font-size: var(--t-mala); line-height: 1.45; color: var(--text-2); }
.predaj-pozn { font-size: var(--t-mini); color: var(--zlata-text); font-weight: 600; }
.predaj-pata { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-2) var(--s-3); margin-top: var(--s-2); }
.predaj-cena .cena-suma { font: 600 1.375rem/1 var(--f-display); color: var(--noc); }
.predaj-cena .cena-dph { font-size: var(--t-mini); color: var(--text-2); }
.predaj-btn { min-height: 44px; padding: 0 var(--s-4); font-size: .9375rem; }
.napady-den .predaj { max-width: 980px; margin: 0 auto; }
.predaj-ponuka:hover .predaj-btn { background: var(--noc); color: var(--pozadie); }

/* =============================== DEŇ =============================== */
.napady-den .omrvinky li[aria-current] { color: var(--text); }
.den-hlava { padding: var(--s-3) 0 var(--s-6); background: radial-gradient(ellipse 60% 80% at 50% 0%, rgba(214, 170, 80, .16), transparent 70%); }
.den-hlava-in { display: grid; gap: var(--s-4); justify-items: start; max-width: calc(980px + var(--okraj) + var(--okraj-p)); }
.den-nadpis { display: grid; gap: 0; }
.den-cislo { font: 400 clamp(2.75rem, 2rem + 3vw, 4.5rem)/1 var(--f-kaligraf); color: var(--zlata); }
.den-tema { font: 500 var(--t-h1)/1.04 var(--f-display); color: #fbf3e2; letter-spacing: -.015em; text-wrap: balance; }
/* „Zadarmo · deň N z 24“ hneď pod nadpisom: z Googlu sa prichádza rovno na deň */
.den-zadarmo { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 32px; padding: 4px 12px; border-radius: var(--r-pill); background: #2e7a4e; color: #fff; font: 700 var(--t-mini)/1.3 var(--f-text); text-wrap: balance; }
.den-zadarmo .ik { width: 18px; height: 18px; flex: none; }
.den-dnes { display: inline-flex; align-items: center; gap: var(--s-2); padding: 6px 12px; border-radius: var(--r-pill); background: var(--zlata); color: var(--navy); font-weight: 700; font-size: var(--t-mini); }
.den-uvod { max-width: 40em; font-size: var(--t-vacsia); color: var(--text-2); text-wrap: pretty; }
.den-akcie { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3); }
.den-obsah { width: 100%; padding-top: var(--s-2); }
.den-obsah ul { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.den-obsah a { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 44px; padding: 0 var(--s-4) 0 var(--s-3); border-radius: var(--r-pill); border: 1px solid var(--linka); background: var(--plocha); color: var(--text); font-size: var(--t-mala); font-weight: 600; text-decoration: none; }
.den-obsah a:hover { border-color: var(--linka-zlata); }
.den-obsah .ik-typ { width: 20px; height: 20px; color: var(--typ-svetla); }
@media (max-width: 640px) {
  .den-hlava { padding-bottom: var(--s-5); }
  .den-akcie .btn { flex: 1 1 auto; }
  .den-obsah ul { flex-direction: column; flex-wrap: nowrap; }
  .den-obsah a { width: 100%; border-radius: var(--r-2); }
}

/* ---------- karta nápadu na papieri ---------- */
.den-karty { display: grid; gap: var(--s-6); max-width: calc(980px + var(--okraj) + var(--okraj-p)); padding-bottom: var(--s-7); }
.napad { display: grid; gap: var(--s-5); padding: var(--s-6) var(--s-5); border-radius: var(--r-3); background: var(--papier); box-shadow: var(--tien-2); scroll-margin-top: 88px; }
@media (min-width: 700px) { .napad { padding: var(--s-7) var(--s-7) var(--s-6); } }
.napad:target { box-shadow: var(--tien-2), 0 0 0 3px var(--zlata); }
.napad-hlava { display: grid; gap: var(--s-2); }
.napad-typ { display: inline-flex; align-items: center; gap: var(--s-2); font-weight: 700; font-size: var(--t-mala); color: var(--typ); }
.napad-typ .ik { width: 22px; height: 22px; }
.napad-nazov { font: 600 clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem)/1.1 var(--f-display); color: var(--noc); text-wrap: balance; }
.napad-scena { font: italic 400 clamp(1.1875rem, 1.1rem + .4vw, 1.375rem)/1.5 var(--f-display); color: #3a2c1d; max-width: 38em; text-wrap: pretty; }
.napad-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2); margin: 0; }
@media (min-width: 700px) { .napad-meta { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
/* úzky mobil: „bez neporiadku / malý neporiadok“ sa do polovičnej bunky nezmestí */
@media (max-width: 359.98px) { .napad-meta { grid-template-columns: minmax(0, 1fr); } }
.napad-meta div { display: grid; gap: 2px; padding: 10px var(--s-3); border-radius: var(--r-1); background: var(--plocha); }
.napad-meta dt { font-size: .8125rem; color: var(--text-2); }
.napad-meta dd { display: flex; align-items: center; gap: 6px; margin: 0; font-weight: 600; font-size: .9375rem; line-height: 1.3; color: var(--text); }
.napad-meta dd > .ik { width: 18px; height: 18px; color: var(--zlata-text); }
.hviezdy { display: inline-flex; gap: 2px; color: #b8892f; }
.hviezdy .ik { width: 18px; height: 18px; }
.hviezda.je-plna { fill: currentColor; }
.napad-stlpce { display: grid; gap: var(--s-5); }
@media (min-width: 800px) { .napad-stlpce { grid-template-columns: 2fr 3fr; gap: var(--s-6); } }
.napad-podnadpis { margin-bottom: var(--s-3); font: 600 var(--t-h4)/1.25 var(--f-display); color: var(--noc); }
.napad-material ul { display: grid; gap: var(--s-2); }
.napad-material li { position: relative; padding-left: 22px; }
.napad-material li::before { content: ''; position: absolute; left: 2px; top: .62em; width: 8px; height: 8px; border-radius: 2px; background: var(--zlata); transform: rotate(45deg); }
.napad-priprava ol { display: grid; gap: var(--s-3); counter-reset: krok; }
.napad-priprava li { position: relative; padding-left: 40px; counter-increment: krok; text-wrap: pretty; }
.napad-priprava li::before { content: counter(krok); position: absolute; left: 0; top: -1px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--zlata); font: 600 1rem/1 var(--f-display); color: var(--zlata-text); }
.napad-bezpecnost, .napad-tip { display: grid; grid-template-columns: 24px 1fr; gap: var(--s-3); align-items: start; padding: var(--s-4); border-radius: var(--r-2); text-wrap: pretty; }
.napad-bezpecnost { background: #f6e3df; border: 1px solid #e2b0a8; color: #5e1a24; }
.napad-bezpecnost .ik { color: #9b2a3a; }
.napad-tip { background: var(--biela); border: 1px solid var(--linka); }
.napad-tip .ik { color: var(--zlata-text); }
.napad-bezpecnost .ik, .napad-tip .ik { margin-top: 1px; }
/* odkaz od škriatka: lístok na vystrihnutie */
.listok { position: relative; display: grid; gap: var(--s-2); max-width: 34em; margin: var(--s-3) 0 0; padding: var(--s-5) var(--s-5) var(--s-4); border: 2px dashed #b39b6b; border-radius: 6px; background: var(--biela); }
.listok-noznice { position: absolute; top: -13px; left: var(--s-4); display: inline-flex; align-items: center; gap: 6px; padding: 0 var(--s-2); background: var(--papier); color: var(--text-2); font-size: .8125rem; line-height: 24px; }
.listok-noznice .ik { width: 18px; height: 18px; color: #8a7350; }
.listok-text { margin: 0; }
.listok-text p { font: italic 400 1.25rem/1.55 var(--f-display); color: #2b2117; text-wrap: pretty; }
.listok-podpis { justify-self: end; font: 400 1.875rem/1 var(--f-kaligraf); color: var(--zlata-text); }

/* ---------- navigácia medzi dňami ---------- */
.den-nav { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-3); max-width: calc(980px + var(--okraj) + var(--okraj-p)); padding-bottom: var(--s-6); }
.den-nav-odkaz, .den-nav-kalendar { display: flex; align-items: center; gap: var(--s-3); min-height: 64px; padding: var(--s-3) var(--s-4); border-radius: var(--r-2); border: 1px solid var(--linka); background: var(--plocha); color: var(--text); text-decoration: none; }
.den-nav-odkaz:hover, .den-nav-kalendar:hover { border-color: var(--linka-zlata); background: var(--plocha-2); }
.den-nav-odkaz > span { display: grid; gap: 2px; min-width: 0; }
.den-nav-odkaz small { font-size: var(--t-mini); color: var(--text-2); }
.den-nav-nazov { font: 600 1.0625rem/1.2 var(--f-display); color: #fbf3e2; }
.den-nav-dalej { justify-content: flex-end; text-align: right; grid-column: 2; }
.den-nav-spat { grid-column: 1; }
.den-nav-kalendar { grid-column: 1 / -1; grid-row: 2; justify-content: center; font-weight: 600; min-height: 52px; }
.den-nav .ik { color: var(--zlata-text); }
@media (min-width: 800px) {
  .den-nav { grid-template-columns: 1fr auto 1fr; align-items: stretch; }
  .den-nav-kalendar { grid-column: 2; grid-row: 1; padding: 0 var(--s-5); }
  .den-nav-dalej { grid-column: 3; }
}
/* úzky mobil a zväčšené písmo: predchádzajúci deň, kalendár a ďalší deň pod sebou (dve karty vedľa seba sa nezmestia) */
@media (max-width: 399.98px) {
  .den-nav { grid-template-columns: minmax(0, 1fr); }
  .den-nav-spat, .den-nav-dalej { grid-column: 1; }
  .den-nav-kalendar { grid-row: auto; }
  .den-nav-prazdne { display: none; }
  .den-zadarmo { border-radius: var(--r-2); }
}

/* ---------- tlač: len karty nápadov (bez menu, päty, navigácie a predaja) ---------- */
@media print {
  @page { margin: 14mm 12mm; }
  html, body { background: #fff !important; color: #000 !important; }
  body { font-size: 11pt; }
  .ram-hlavicka, .ram-pata, .ram-zaclona, .preskocit, .omrvinky, .den-akcie, .den-obsah, .den-nav, .den-uvod, .den-dnes, .den-zadarmo,
  .napady-predaj, .lepkave, .filtre, .filtre-stav, .napady-hero .pecat { display: none !important; }
  .obal { max-width: none !important; padding: 0 !important; }
  .den-hlava { padding: 0 0 6mm; background: none; }
  .den-cislo, .den-tema { color: #000; font-size: 18pt; line-height: 1.2; }
  .den-karty { gap: 6mm; padding: 0; }
  .napad { break-inside: avoid; page-break-inside: avoid; box-shadow: none !important; border: 1px solid #999; border-radius: 4mm; background: #fff; padding: 7mm; gap: 4mm; }
  .napad-nazov { font-size: 18pt; }
  .napad-scena, .listok-text p { font-size: 12pt; }
  .napad-meta div, .napad-tip { background: #fff; border: 1px solid #ccc; }
  .napad-bezpecnost { background: #fff; border: 1.5px solid #000; color: #000; }
  .listok { background: #fff; border-color: #000; }
  .listok-noznice { background: #fff; }
  .napad *, .napad-typ { color: #000 !important; }
  .napad-priprava li::before, .napad-material li::before { border-color: #000; background: #fff; }
  .napad-material li::before { background: #000; }
  a { text-decoration: none; color: #000; }
}