/* pred-spanim.cz – vzhled podle identity původního webu (noční obloha, měsíc, bílá stránka) na RS Mona 4.9 */
:root {
  --bila: #fff;
  --noc: #134258;
  --noc-tm: #0c2d3d;
  --noc-sv: #1d5670;
  --tyrkys: #89b0b8;
  --tyrkys-sv: #e3eef0;
  --tyrkys-tm: #3f6f7b;
  --mesic: #fecd80;
  --mesic-sv: #fff3dc;
  --mesic-tm: #b9832a;
  --seda1: #eef3f4;
  --seda2: #dbe5e7;
  --seda3: #c3d1d4;
  --text: #22363f;
  --tlumeny: #637a82;
  --zaobleni: 14px;
  --pismo: "Nunito", "Segoe UI", Arial, sans-serif;
  --nadpisy: "Fredoka", "Nunito", "Segoe UI", Arial, sans-serif;
}

/* ---------- základ ---------- */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--noc) url(../../img/top-obloha.jpg) repeat-x center top; color: var(--text); font: 16px/1.65 var(--pismo); }
a { color: var(--tyrkys-tm); text-decoration: none; }
a:hover { color: var(--noc); text-decoration: underline; }
img { max-width: 100%; height: auto; }
h1, h2, h3, h4 { font-family: var(--nadpisy); font-weight: 600; line-height: 1.25; color: var(--noc); }
.spacer { clear: both; }
.center { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.sirka { max-width: 1180px; margin: 0 auto; padding: 0 16px; }

/* ---------- hlavička na obloze ---------- */
.zahlavi { position: relative; }
.zahlavi-in { position: relative; display: flex; align-items: center; min-height: 120px; }
.znacka { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; }
.znacka:hover { color: #fff; text-decoration: none; }
.znacka-mesic { width: 64px; height: 64px; flex: none; filter: drop-shadow(0 0 10px rgba(254, 205, 128, .45)); }
.znacka-text { font-family: var(--nadpisy); font-size: 38px; line-height: 1; letter-spacing: .01em; text-shadow: 0 2px 8px rgba(0, 0, 0, .25); white-space: nowrap; }
.znacka-pred { font-weight: 500; text-transform: uppercase; font-size: .7em; letter-spacing: .06em; opacity: .92; }
.znacka-spanim { font-weight: 600; text-transform: uppercase; }
.znacka-cz { color: var(--mesic); font-weight: 500; font-size: .62em; }
.rychle-odkazy { margin-left: auto; display: flex; align-items: center; gap: 4px; }
.rychle-odkazy a { padding: 6px 12px; border-radius: 20px; color: #fff; font-size: 14px; font-weight: 700; }
.rychle-odkazy a:hover, .rychle-odkazy a.aktivni { background: rgba(255, 255, 255, .15); color: var(--mesic); text-decoration: none; }

/* záložky = horní okraj bílé stránky */
.zalozky-in { display: flex; align-items: center; gap: 16px; padding-top: 18px; padding-bottom: 14px; background: var(--bila); border-radius: 28px 28px 0 0; }
.zalozky ul { list-style: none; margin: 0; padding: 0; }
.zalozky-seznam { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; padding-left: 4px; }
.zalozky-seznam a { display: block; padding: 10px 20px; border-radius: 12px; background: var(--tyrkys); color: #10323f; font-weight: 800; font-size: 15px; text-transform: uppercase; letter-spacing: .03em; white-space: nowrap; }
.zalozky-seznam a:hover { background: var(--mesic); color: #10323f; text-decoration: none; }
.zalozky-seznam a.aktivni { background: var(--noc); color: #fff; box-shadow: inset 0 -3px 0 var(--mesic); }
.zalozky-hledani { flex: 0 0 250px; margin-left: auto; padding-right: 4px; }
.zalozky-hledani .hledat { margin: 0; }
.zalozky-hledani .hledat input { height: 38px; font-size: 14px; }
.zalozky-doplnky { display: none; }

/* vyhledávání v hlavičce (lupa) a tlačítko menu – jen na úzkých displejích */
.zahlavi .hlavicka-hledani, .lupa, .hamburger { display: none; }
.lupa, .hamburger { position: relative; z-index: 1; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .35); border-radius: 12px; background: rgba(255, 255, 255, .12); color: #fff; cursor: pointer; }
.lupa { margin-left: auto; width: 46px; height: 42px; padding: 0; }
.lupa + .hamburger { margin-left: 0; }
.hamburger { margin-left: auto; gap: 8px; padding: 9px 14px; font: 800 14px var(--pismo); }
.lupa:hover, .hamburger:hover, .hledani-otevreno .lupa, .menu-otevreno .hamburger { border-color: var(--mesic); background: rgba(255, 255, 255, .2); }
.hamburger-ikona { position: relative; display: inline-block; width: 20px; height: 14px; }
.hamburger-ikona span { position: absolute; left: 0; width: 100%; height: 2px; border-radius: 2px; background: currentColor; transition: transform .2s, opacity .2s, top .2s; }
.hamburger-ikona span:nth-child(1) { top: 0; }
.hamburger-ikona span:nth-child(2) { top: 6px; }
.hamburger-ikona span:nth-child(3) { top: 12px; }
.menu-otevreno .hamburger-ikona span:nth-child(1) { top: 6px; transform: rotate(45deg); }
.menu-otevreno .hamburger-ikona span:nth-child(2) { opacity: 0; }
.menu-otevreno .hamburger-ikona span:nth-child(3) { top: 6px; transform: rotate(-45deg); }

/* ---------- bílá stránka: podmenu sekce + obsah ---------- */
.sloupce { display: grid; grid-template-columns: 230px minmax(0, 1fr); grid-template-areas: "levy obsah"; gap: 30px; padding-top: 14px; padding-bottom: 44px; align-items: start; background: var(--bila); border-radius: 0 0 28px 28px; box-shadow: 0 30px 50px -30px rgba(0, 0, 0, .5); }
.sloupce > .levy { grid-area: levy; padding-left: 4px; }
.sloupce > :not(.levy) { grid-area: obsah; min-width: 0; padding-right: 4px; }

/* levé menu */
.blok { overflow: hidden; margin-bottom: 22px; border-radius: var(--zaobleni); background: var(--seda1); }
.blok-hlava { padding: 11px 16px; background: var(--tyrkys); font-family: var(--nadpisy); font-weight: 600; font-size: 18px; }
.blok-hlava a, .blok-hlava a:hover { color: #10323f; text-decoration: none; }
.blok ul { margin: 0; padding: 8px; list-style: none; }
.blok li + li { margin-top: 2px; }
.blok li a { position: relative; display: block; padding: 7px 10px 7px 26px; border-radius: 8px; color: var(--text); font-weight: 700; font-size: 15px; line-height: 1.35; }
.blok li a::before { content: ""; position: absolute; left: 10px; top: 13px; border: 5px solid transparent; border-left: 6px solid var(--tyrkys); border-right: 0; }
.blok li a:hover { background: var(--bila); color: var(--noc); text-decoration: none; }
.blok li a.aktivni { background: var(--noc); color: #fff; }
.blok li a.aktivni::before { border-left-color: var(--mesic); }

/* hledání */
.hledat { display: flex; margin: 0 0 22px; border: 2px solid var(--tyrkys); border-radius: 12px; overflow: hidden; background: #fff; }
.hledat input { flex: 1; min-width: 0; height: 42px; padding: 0 14px; border: 0; font: inherit; color: var(--text); background: transparent; }
.hledat input:focus { outline: none; background: var(--mesic-sv); }
.hledat button { width: 44px; border: 0; background: var(--tyrkys); color: #10323f; font-size: 14px; cursor: pointer; }
.hledat button:hover { background: var(--mesic); }

/* ---------- obsah obecně ---------- */
.obsah h1 { margin: 0 0 14px; font-size: 30px; }
.obsah h2 { margin: 26px 0 10px; font-size: 22px; }
.obsah p { margin: 0 0 14px; }

/* drobečková navigace */
.obal_navigace { margin-bottom: 14px; color: var(--tlumeny); font-size: 14px; }
.obal_navigace a { color: var(--tlumeny); }
.obal_navigace a:hover { color: var(--noc); }
.predel_navigace { margin: 0 6px; color: var(--seda3); }
.aktivni_navigace { color: var(--text); font-weight: 700; }

/* úvodní strana */
.uvodni h1 { font-size: 30px; }
.uvodni p { color: #3a4f58; }
.uvodni-prani { color: var(--tlumeny) !important; font-style: italic; }
.obsah h2.nadpis-vyber { margin: 34px 0 6px; padding: 12px 0; border-top: 2px dashed var(--seda2); border-bottom: 2px dashed var(--seda2); text-align: center; font-size: 24px; }
.vyber { margin-top: 22px; }
.obsah .vyber-nadpis { margin: 0 0 12px; font-size: 20px; color: var(--tyrkys-tm); }

/* karty dílů / pohádek (úvod, předstránka) */
.karty { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 18px; }
.karta { display: flex; flex-direction: column; color: var(--text); }
.karta:hover { color: var(--noc); text-decoration: none; }
.karta-obr { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--zaobleni); background: var(--noc) url(../../img/top-obloha.jpg) center / cover; box-shadow: 0 6px 14px rgba(19, 66, 88, .18); }
.karta-obr img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.karta:hover .karta-obr img { transform: scale(1.05); }
.karta:hover .karta-obr { box-shadow: 0 0 0 3px var(--mesic), 0 8px 18px rgba(19, 66, 88, .25); }
.karta-nazev { margin-top: 9px; font-weight: 800; font-size: 15px; line-height: 1.3; }
.karta-podtitul { margin-top: 2px; color: var(--tlumeny); font-size: 14px; line-height: 1.35; }

/* předstránka modulu (template/modul_home.php) */
.predstrana-uvod { margin-bottom: 24px; color: #3a4f58; }
.predstrana-uvod p { margin: 0 0 10px; }
.karty-predstrana { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }

/* výpis dílů v podmenu */
.obsah .obsah_in > h1 { margin-bottom: 12px; }
.polozka_vypis { display: flow-root; margin-bottom: 12px; padding: 12px; border: 1px solid var(--seda2); border-radius: var(--zaobleni); background: #fff; transition: border-color .15s, box-shadow .15s; }
.polozka_vypis:hover { border-color: var(--tyrkys); box-shadow: 0 6px 16px rgba(19, 66, 88, .1); }
.obal_obr_vypis img { float: left; width: 150px; aspect-ratio: 4 / 3; object-fit: cover; margin: 0 16px 0 0; border-radius: 10px; }
.obal_h2_h3_vypis .h2_vypis { margin: 4px 0 2px; font-size: 19px; }
.h2_vypis a { color: var(--noc); }
.obal_h2_h3_vypis .h3_vypis { margin: 0 0 6px; font-family: var(--pismo); font-size: 15px; font-weight: 700; color: var(--tlumeny); }
.obal_p_vypis { color: #4a5f67; font-size: 15px; }
.obal_p_vypis p { margin: 0 0 6px; }
.vypis-vice { margin: 0; }
.dal { display: inline-block; padding: 4px 14px; border-radius: 20px; background: var(--mesic-sv); color: var(--mesic-tm); font-weight: 800; font-size: 14px; }
.dal:hover { background: var(--mesic); color: #10323f; text-decoration: none; }

/* tlačítko „Načíst další díly“ (jscroll) */
.obal-dalsi { margin: 12px 0 0; text-align: center; }
.tl-dalsi { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 260px; padding: 13px 28px; border-radius: 30px; background: var(--noc); color: #fff; font-weight: 800; font-size: 15px; cursor: pointer; user-select: none; box-shadow: 0 6px 16px rgba(19, 66, 88, .3); transition: background .15s, transform .15s; }
.tl-dalsi::after { content: ""; width: 8px; height: 8px; border-right: 2px solid var(--mesic); border-bottom: 2px solid var(--mesic); transform: rotate(45deg) translate(-2px, -2px); }
.tl-dalsi:hover { background: var(--noc-sv); transform: translateY(-1px); }
.tl-dalsi:focus-visible { outline: 3px solid var(--mesic); outline-offset: 3px; }
.tl-dalsi-nacita { cursor: progress; opacity: .75; }
.tl-dalsi-nacita::after { width: 14px; height: 14px; border: 2px solid rgba(255, 255, 255, .45); border-top-color: var(--mesic); border-radius: 50%; transform: none; animation: tl-dalsi-toc .8s linear infinite; }
@keyframes tl-dalsi-toc { to { transform: rotate(360deg); } }
.textact { color: var(--noc); font-weight: 800; }
.prenext a { color: var(--tlumeny); }

/* ---------- díl (template/clanek.php) ---------- */
.dily { display: flex; justify-content: space-between; gap: 12px; margin: 0 0 18px; }
.dil { display: flex; flex-direction: column; max-width: 48%; padding: 8px 14px; border-radius: 12px; background: var(--seda1); color: var(--text); line-height: 1.3; }
.dil:hover { background: var(--mesic-sv); color: var(--noc); text-decoration: none; }
.dil-dalsi { margin-left: auto; text-align: right; }
.dil-smer { color: var(--tyrkys-tm); font-weight: 800; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; }
.dil-nazev { font-weight: 700; font-size: 15px; }
.obal_h1_h2_clanek { margin-bottom: 18px; text-align: center; }
.obal_h1_h2_clanek .h1_clanek { margin: 0; font-size: 32px; }
.obal_h1_h2_clanek .h2_clanek { margin: 4px 0 0; font-family: var(--pismo); font-weight: 700; font-size: 18px; color: var(--tlumeny); }
.obal_obr_clanek img { display: block; margin: 0 0 16px; border-radius: 10px; }
.zkraceny_vypis, .text_detail { overflow-wrap: anywhere; }
.obsah[itemtype] .zkraceny_vypis h2 { margin: 26px 0 8px; font-size: 20px; }
.text_detail h3 { margin: 26px 0 10px; font-size: 20px; }
.text_detail table { width: 100%; max-width: 100%; margin: 12px 0 20px; border-collapse: collapse; display: block; overflow-x: auto; font-size: 15px; }
.text_detail th, .text_detail td { padding: 6px 10px; border: 1px solid var(--seda2); text-align: left; }
/* staré texty (GDPR) mají vložené barvy a písma z Wordu – sjednotit s webem */
.zkraceny_vypis [style], .text_detail [style] { font-family: inherit !important; color: inherit !important; }

/* video */
.videa { margin: 0 auto 22px; max-width: 860px; }
.video { margin-bottom: 14px; }
.video-ram { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--zaobleni); background: #000; box-shadow: 0 14px 30px -12px rgba(12, 45, 61, .55); }
.video-ram iframe, .video-ram object, .video-ram embed { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-soubor { display: block; width: 100%; border-radius: var(--zaobleni); background: #000; }
.popisek_video { margin: 10px 0 0; text-align: center; color: var(--tlumeny); font-weight: 700; }

/* mapa stránek, hledání, 404 */
.obsah ul { padding-left: 20px; }

/* ---------- formulář (template/modul/formular.php) ---------- */
.skryte_tl_popup_validace, .ochrana_formulare { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.obal_dotaznik_def { margin-top: 20px; padding: 20px 22px; border-radius: var(--zaobleni); background: var(--seda1); }
.obal_dotaznik_def .blok_sirky_webu, .obal_dotaznik_def .blok_sirky_webu_uzky { padding: 0; }
.nadpis_formular { margin-bottom: 12px; font-family: var(--nadpisy); color: var(--noc); font-weight: 600; font-size: 20px; }
.obal_dotaznik_def form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; }
.form_blok, .form_area_blok { display: flex; flex-direction: column; gap: 4px; }
.form_area_blok, .obal_tlacitka_formulare, .form_souhlas_text { grid-column: 1 / -1; }
.obal_dotaznik_def form > .spacer { display: none; }
.form_popisek { font-weight: 700; font-size: 14px; }
.znacka_povinne_polozky { color: var(--tlumeny); font-weight: 400; font-size: 12px; }
.form_input_def, .form_area_def { width: 100%; padding: 9px 12px; border: 1px solid var(--seda3); border-radius: 10px; background: #fff; font: inherit; color: var(--text); }
.form_area_def { min-height: 130px; resize: vertical; }
.form_input_def:focus, .form_area_def:focus { outline: none; border-color: var(--tyrkys-tm); box-shadow: 0 0 0 3px rgba(137, 176, 184, .35); }
.obal_tlacitka_formulare { order: 10; }
.form_tl_def { padding: 10px 28px; border: 0; border-radius: 24px; background: var(--noc); color: #fff; font: 800 15px var(--pismo); cursor: pointer; }
.form_tl_def:hover { background: var(--noc-sv); }
.form_souhlas_text { margin: 0; color: var(--tlumeny); font-size: 13px; }
.form_false { color: #c62828; font-weight: 700; }

/* ---------- patička ---------- */
.pata { margin-top: 26px; background: var(--noc-tm); color: #b9ccd2; font-size: 15px; }
.pata-sloupce { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 28px; padding-top: 34px; padding-bottom: 28px; }
.pata-logo .znacka-mesic { width: 42px; height: 42px; }
.pata-logo .znacka-text { font-size: 24px; }
.pata-znacka p { max-width: 280px; margin: 12px 0 0; line-height: 1.55; }
.pata-blok { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.pata-nadpis { margin-bottom: 4px; color: var(--mesic); font-weight: 800; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.pata-blok a, .pata-cookies { color: #d7e4e8; }
.pata-blok a:hover, .pata-cookies:hover { color: #fff; }
.pata-blok small { display: block; color: #86a3ac; font-size: 12px; }
.pata-cookies { padding: 0; border: 0; background: none; font: inherit; cursor: pointer; text-align: left; }
.pata-cookies:hover { text-decoration: underline; }
.pata-spodek { border-top: 1px solid rgba(255, 255, 255, .1); color: #86a3ac; font-size: 13px; }
.pata-spodek a { color: #d7e4e8; }
.pata-spodek .sirka { padding-top: 14px; padding-bottom: 14px; }

/* ---------- menší obrazovky ---------- */
@media (max-width: 1040px) {
  .rychle-odkazy { display: none; }
  .hamburger, .lupa { display: inline-flex; }
  .zahlavi-in { flex-wrap: wrap; column-gap: 8px; min-height: 96px; }
  .hledani-otevreno .zahlavi .hlavicka-hledani { order: 10; display: flex; flex: 0 0 100%; margin: 0 0 14px; }
  .hlavicka-hledani input { height: 44px; font-size: 16px; }
  .zalozky-in { flex-direction: column; align-items: stretch; gap: 12px; padding-top: 16px; }
  .zalozky-hledani { display: none; }
  .zalozky-seznam { display: none; }
  .menu-otevreno .zalozky-seznam { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
  .zalozky-seznam a { text-align: center; }
  .menu-otevreno .zalozky-doplnky { display: flex; flex-wrap: wrap; gap: 6px 20px; padding: 4px 6px 0; }
  .zalozky-doplnky a { font-size: 15px; font-weight: 700; }
  .zalozky-doplnky a.aktivni { color: var(--noc); }
  .zalozky:not(:has(.zalozky-seznam li)) .zalozky-in { padding-top: 22px; }
  .sloupce { grid-template-columns: minmax(0, 1fr); grid-template-areas: "levy" "obsah"; gap: 20px; }
  .sloupce > .levy, .sloupce > :not(.levy) { padding-left: 0; padding-right: 0; }
  .levy .blok { margin-bottom: 0; }
  .levy .blok ul { display: flex; flex-wrap: wrap; gap: 4px; }
  .levy .blok li + li { margin-top: 0; }
  .levy .blok li a { background: #fff; }
  .pata-sloupce { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  body { font-size: 15px; }
  .sirka { padding: 0 10px; }
  .zalozky-in, .sloupce { padding-left: 12px; padding-right: 12px; }
  .zalozky-in { border-radius: 20px 20px 0 0; }
  .sloupce { border-radius: 0 0 20px 20px; }
  .znacka-mesic { width: 46px; height: 46px; }
  .znacka-text { font-size: 26px; }
  .hamburger-text { display: none; }
  .obsah h1, .uvodni h1, .obal_h1_h2_clanek .h1_clanek { font-size: 25px; }
  .karty { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .obal_obr_vypis img { width: 110px; margin-right: 12px; }
  .obal_dotaznik_def form { grid-template-columns: 1fr; }
  .dil { max-width: 50%; padding: 8px 10px; }
}
@media (max-width: 480px) {
  .znacka-text { font-size: 21px; }
  .znacka-mesic { width: 38px; height: 38px; }
  .tl-dalsi { display: flex; min-width: 0; }
  .pata-sloupce { gap: 22px 16px; padding-top: 26px; }
  .pata-znacka, .pata-blok:last-child { grid-column: 1 / -1; }
  .obal_obr_vypis img { width: 96px; }
}

/* ---------- tisk ---------- */
@media print {
  body { background: #fff; }
  .zalozky, .hamburger, .lupa, .rychle-odkazy, .levy, .pata { display: none !important; }
  .sloupce { display: block; box-shadow: none; }
}