/* Sviatočný predaj: podstránky sviatkov (partials/sviatok-stranka.html:
   /vianoce/, /mikulas/, /silvester/, /velka-noc/, /valentin/),
   /podmienky-sviatocneho-predaja/ a odkaz na aktívny sviatok v hero
   domovskej (ten je v domov.css).
   Nové stránky (v origináli nie sú), poskladané zo vzorov podstránok:
   úvod ako stránka ponuky (.ponuka-hero), vínový pás bodov (.blok--vinovy),
   písmo a farby z tokenov, ostré hrany. */

/* ---------- Úvod: fotka ako štvorec, aby text nebol ďaleko pod sebou ---------- */
.sviatok-uvod .ponuka-hero__foto img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Sviatok bez fotky: text na stred v jednom stĺpci */
.sviatok-uvod--bez-fotky .ponuka-hero__obal {
  grid-template-columns: 1fr;
  max-width: 860px;
  padding-block: 50px;
}

/* ---------- Kde a kedy ---------- */
.sviatok-miesta { padding: 60px 10px; }

.sviatok-miesta__uvod,
.sviatok-miesta__platba {
  max-width: 760px;
  margin: 20px auto 0;
  font-size: 22px;
  font-weight: 300;
  line-height: 36.3px;
  color: var(--vinova-svetla);
  text-align: center;
}

.sviatok-miesta__platba { margin-top: 30px; font-size: 20px; line-height: 1.6; }

.sviatok-miesta__zoznam {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
  margin-top: 40px;
}

.miesto-karta {
  padding: 20px 22px 22px;
  background: var(--biela);
  border: 1px solid #E0E0E0;
  border-top: 4px solid var(--vinova);
}

.miesto-karta p { margin: 0; }

.miesto-karta__mesto {
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--vinova);
}

.miesto-karta__nazov {
  margin-top: 6px !important;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--cierna);
}

.miesto-karta__adresa {
  font-size: 18px;
  line-height: 1.5;
  color: var(--text);
}

.miesto-karta__cas {
  margin-top: 10px !important;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--vinova-svetla);
}

.miesto-karta__poznamka {
  margin-top: 6px !important;
  font-size: 16px;
  line-height: 1.4;
  color: #666;
}

/* ---------- Dokument (podmienky) ---------- */
.dokument { padding: 60px 10px 80px; }

.dokument__obal {
  max-width: 860px;
  font-size: 19px;
  line-height: 1.65;
  color: var(--text);
}

.dokument h1 {
  margin: 0 0 20px;
  font-size: 50px;                 /* ako oznam sviatku: 50/65 váha 600 */
  font-weight: 600;
  line-height: 65px;
  color: var(--vinova);
  text-align: center;
}

.dokument h2 {
  margin: 44px 0 12px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--vinova-svetla);
  scroll-margin-top: 20px;
}

.dokument p { margin: 0 0 14px; }

.dokument ol,
.dokument ul {
  margin: 0 0 14px;
  padding-left: 28px;
  list-style: decimal;
}

.dokument ul { list-style: disc; }
.dokument li { margin: 0 0 8px; padding-left: 4px; }
.dokument li::marker { color: var(--vinova); font-weight: 700; }

.dokument strong { font-weight: 700; color: var(--cierna); }

.dokument a {
  color: var(--vinova);
  text-decoration: underline;
  overflow-wrap: break-word;
}

.dokument__spat { margin-top: 50px !important; text-align: center; }
.dokument__spat a { text-decoration: none; }

@media (max-width: 767px) {
  .sviatok-miesta { padding: 40px 3%; }
  .sviatok-miesta__uvod { font-size: 18px; line-height: 29.7px; }
  .sviatok-miesta__platba { font-size: 17px; }
  .sviatok-miesta__zoznam { grid-template-columns: 1fr; gap: 14px; margin-top: 26px; }
  .miesto-karta__mesto { font-size: 24px; }

  .dokument { padding: 30px 5% 50px; }
  .dokument__obal { font-size: 17px; }
  .dokument h1 { font-size: 30px; line-height: 39px; }
  .dokument h2 { margin-top: 34px; font-size: 24px; }
  .dokument ol, .dokument ul { padding-left: 22px; }
}