/* =====================================================================
   Plesový portál 2026 – styly webu (červená + černá, styl vstupenek „V rytmu taneční vášně“)
   Základ převzat z odsouhlaseného náhledu navrhy_designu_2026-10-21/nahled_01b/sablona.html
   ===================================================================== */
/* ===== Barvy na jednom místě (CSS proměnné) – změnou tady se přebarví celý web ===== */
:root{
  --cervena:#d2232a;        /* červená ze vstupenek (pásy, tlačítka) */
  --cervena-text:#f0484e;   /* světlejší červená pro malý text na černé – kvůli čitelnosti */
  --pozadi:#141011;         /* teplá černá */
  --panel:#1c1516;          /* pozadí polí formuláře a panelů */
  --text:#f3ece6;           /* krémově bílý text */
  --text-tlumeny:#c9b9b0;   /* méně důležitý text (místo, čas) */
  --ornament:#efe4da;       /* barva květinových ornamentů */
  --zlata:#d9b765;          /* barva značek tanečních prostor na mapě */
  --pas-v:clamp(46px,5.3vw,76px); /* výška červeného pásu (používá se i pro umístění „Plesová sezóna…“) */
}
/* ===== Barvy prvků, které kreslí sám prohlížeč (jinak by byly systémově MODRÉ) =====
   color-scheme:dark = tmavé posuvníky, kalendář u data, rozbalovací seznamy; accent-color = barva
   zaškrtávátek, přepínačů a posuvníků (dědí se do celé stránky). */
html{color-scheme:dark;accent-color:var(--cervena);scrollbar-color:#5a2023 var(--pozadi);
  -webkit-tap-highlight-color:rgba(210,35,42,.25)}       /* záblesk při ťuknutí na mobilu (výchozí je modrošedý) */
::selection{background:var(--cervena);color:#fff}       /* označený text (výchozí je modrý) */
:focus-visible{outline:2px solid var(--cervena-text);outline-offset:2px}   /* rámeček při ovládání klávesnicí (výchozí modrý) */
/* Automatické vyplnění formuláře v Chrome dává polím světle modré pozadí → přebarvit na tmavé pole webu */
input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #120d0e inset;-webkit-text-fill-color:var(--text);caret-color:var(--text)}

/* Rozbalovací seznamy (<select>): nový „stylovatelný“ režim prohlížeče (Chrome/Edge 135+).
   Bez něj je vybraný řádek v otevřeném seznamu systémově modrý a barvu nejde změnit.
   Prohlížeče, které režim neznají (Firefox, Safari), ho ignorují a ukážou svůj seznam. */
@supports (appearance:base-select){
  select,::picker(select){appearance:base-select}
  ::picker(select){background:var(--panel);color:var(--text);border:1px solid #5a2023;border-top:3px solid var(--cervena);
    box-shadow:0 12px 30px rgba(0,0,0,.6);max-height:min(60vh,480px);padding:4px 0}
  select option{padding:6px 14px;background:transparent;color:var(--text);font-size:15px;letter-spacing:0;text-transform:none}
  select option:hover,select option:focus-visible{background:rgba(210,35,42,.3);outline:0}   /* řádek pod myší */
  select option:checked{background:var(--cervena);color:#fff}                                  /* vybraný řádek */
  select option::checkmark{display:none}                     /* bez fajfky – vybraný řádek je poznat podle barvy */
  select optgroup{padding-top:4px}
  select optgroup legend{padding:6px 14px 2px;color:var(--cervena-text);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase}
  /* zavřené pole: text vlevo, šipka vpravo na stejném řádku (stylovatelný select je flex, naše display:block by šipku zalomilo) */
  /* „html“ na začátku = vyšší přednost než pozdější .hledani select{display:block} */
  html .hledani select,html .formular select{display:flex;align-items:center;justify-content:space-between;gap:8px}
  select{border-radius:0}                                   /* rohy ostré jako ostatní pole webu */
  html .hledani select{padding:0}                          /* text zarovnaný s popiskem pole jako dřív */
  select::picker-icon{color:var(--cervena-text);transition:rotate .2s}   /* šipka vpravo v poli */
  select:open::picker-icon{rotate:180deg}
}

/* box-sizing: šířka prvku zahrnuje i padding a rámeček – snazší počítání rozměrů */
*{box-sizing:border-box}
body{
  margin:0;
  position:relative;        /* rohové ornamenty se umisťují vůči celé stránce */
  color:var(--text);
  font-family:'Jost',sans-serif;
  /* Damaškový vzor: obrázek je vložený přímo v souboru (data URI), takže stránka funguje i bez serveru */
  background:var(--pozadi) url(../img/2026/damask.jpg) center top / 1600px auto no-repeat;
}
a{color:var(--cervena-text)}
a:hover{color:#ff7a7e}
/* Společný obal obsahu: maximální šířka a vycentrování */
.obal{max-width:1200px;margin:0 auto;padding:0 24px}

/* ===== Ornamenty: obrázek slouží jen jako tvar (maska), barvu dává background-color ===== */
.orn{background-color:var(--ornament);-webkit-mask:no-repeat center / contain;mask:no-repeat center / contain}
.orn-roh{-webkit-mask-image:url(../img/2026/roh.png);mask-image:url(../img/2026/roh.png)}
.orn-linka{-webkit-mask-image:url(../img/2026/linka.png);mask-image:url(../img/2026/linka.png)}

/* Rohové ornamenty – v horních rozích stránky, odsazené 18 px od okrajů.
   z-index:3 je položí NAD červený pás; pointer-events:none = nepřekáží kliknutí pod nimi. */
.roh-stranky{position:absolute;top:18px;width:240px;height:240px;opacity:.95;z-index:3;pointer-events:none}
.roh-stranky.vlevo{left:18px}
.roh-stranky.vpravo{right:18px;transform:scaleX(-1)} /* zrcadlové otočení */

/* ===== Úplně nahoře uprostřed: Plesíky + Přihlásit / Registrovat =====
   z-index 11 = nad rohovým ornamentem; tmavé poloprůhledné pozadí drží text čitelný i přes květiny.
   Výška rámečků 32 px (dřív 36 px = o 11 % nižší), písmo beze změny; mince 24 px, aby se vešla. */
.ucet-lista{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:14px;position:relative;z-index:11;
  font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase}
.ucet-lista a{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:2px 14px;text-decoration:none;color:var(--text);
  background:rgba(20,16,17,.78);border:1px solid rgba(239,228,218,.25)}
.ucet-lista .plesiky img{width:24px;height:24px}
.ucet-lista a:hover{border-color:var(--cervena);color:var(--text)}
/* Plesíky: mince vlevo, zlatý text; mince se při najetí myší „otočí“ (jako když se hodí mincí) */
.ucet-lista .plesiky{color:#e9c46a;padding-left:6px}
.ucet-lista .plesiky img{transition:transform .5s}
.ucet-lista .plesiky:hover img{transform:rotateY(180deg)}

/* ===== Horní lišta: menu + tlačítko jako jeden vycentrovaný celek ===== */
.lista{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 32px;padding-top:10px;position:relative;z-index:10}
.menu{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:15px;letter-spacing:2px;text-transform:uppercase}
/* Menu – efekt „zlatá záře“ (návrh 05, zlatě a výrazněji – vybral uživatel 2026-10-31).
   Při najetí myší písmo zesvětlá do světle zlaté a kolem něj se rozsvítí několik vrstev stínu
   (text-shadow): ostré jádro blízko písmen + čím dál širší a průhlednější zlatý svit. */
.menu a{position:relative;isolation:isolate;color:var(--text);text-decoration:none;padding:6px 0;transition:color .3s ease,text-shadow .3s ease}
/* Svatozář za slovem: zlatá elipsa, která se ke krajům ztrácí do průhledna. Normálně je neviditelná
   a zmenšená, při najetí se rozsvítí a „nafoukne“. isolation:isolate na odkazu drží z-index:-1 za textem,
   ale pořád nad pozadím stránky. pointer-events:none = svatozář nepřekáží klikání. */
.menu a::before{content:"";position:absolute;z-index:-1;inset:-6px -16px;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(233,196,106,.42) 0,rgba(233,196,106,.16) 45%,rgba(233,196,106,0) 72%);
  opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .3s ease}
.menu a:hover::before,.menu a:focus-visible::before{opacity:1;transform:scale(1)}
.menu a:hover,.menu a:focus-visible{color:#ffe9a8;
  text-shadow:0 0 3px #fff3c9,0 0 8px #f2cf73,0 0 14px #e9c46a,0 0 24px rgba(233,196,106,.95),0 0 40px rgba(214,165,60,.8),0 0 64px rgba(214,165,60,.55)}
/* Kdo má v systému vypnuté animace, dostane záři hned, bez náběhu */
@media (prefers-reduced-motion: reduce){.menu a,.menu a::before{transition:none}}
/* Plné červené tlačítko (bílý text na červené = kontrast cca 6:1) */
.tlacitko{background:var(--cervena);color:#fff;padding:13px 24px;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase}
.tlacitko:hover{background:#b0141c;color:#fff}
/* Tlačítko „Přidat záznam“ v horní liště: o 20 % nižší (46 → 37 px), písmo stejné */
.lista .tlacitko{padding-top:8.5px;padding-bottom:8.5px}

/* ===== Úvodní blok s červeným pásem (začíná 20 px pod menu) ===== */
.uvod{position:relative;padding:0 0 8px;text-align:center}
/* Obal nápisu: inline-block = široký přesně jako text; top:5px posune nápis vůči pásu o 5 px dolů */
.titul{position:relative;z-index:4;top:5px}
/* „Plesová sezóna…“: absolutně nad nápisem; left v % šířky nápisu → začíná nad písmenem „s“ při jakékoli velikosti;
   bottom = spodek textu 3 px nad horní hranou pásu (obal je o 5 px níž než střed pásu) */
.nadtitulek{position:absolute;left:31.7%;bottom:calc(50% + 5px + var(--pas-v) / 2 + 3px);white-space:nowrap;font-size:15px;font-weight:500;letter-spacing:5px;text-transform:uppercase;color:var(--cervena-text)}
/* Červený pás přes celou šířku okna – hlavní prvek grafiky vstupenek */
/* Pás je zúžený na polovinu (pevná výška místo paddingu) a nápis je větší než pás → přečnívá nahoru i dolů.
   Větší vnější okraje (margin) dávají přečnívajícímu písmu místo, aby nenarazilo do textu nad/pod pásem. */
.pas{background:var(--cervena);height:var(--pas-v);margin:clamp(34px,3.2vw,46px) 0 clamp(36px,3.6vw,52px);padding:0 24px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.45)}
/* Hlavní nápis: psací Great Vibes ze vstupenek (normálně, ne verzálkami – psací písmo verzálkami nejde číst);
   velikost se plynule mění s šířkou okna (clamp = min, preferovaná, max) */
/* o 20 % větší než dřív (104 → 125 px); position+z-index = písmo leží nad vším okolo (i nad rohovými ornamenty);
   jemný stín drží čitelnost tam, kde písmo přečnívá na tmavý vzor; white-space:nowrap = nápis se nezalomí */
.pas h1{font-family:'Great Vibes',cursive;font-weight:400;white-space:nowrap;
  font-size:clamp(62px,9.6vw,125px);line-height:1;margin:0;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.35)}
.podtitulek{font-size:18px;font-weight:500;letter-spacing:4px;text-transform:uppercase;padding:0 24px}

/* ===== Střed stránky: vlevo kompaktní vyhledávání, vpravo mapa ===== */
.stred{display:grid;grid-template-columns:minmax(0,500px) minmax(0,440px);justify-content:center;gap:48px;align-items:center;margin-top:28px;text-align:left}

/* Vyhledávání: mřížka 2 sloupců; jednotlivá pole odděluje 1px čára (gap na tmavě červeném podkladu) */
.hledani{display:flex;flex-direction:column;align-items:center}
.hledani-pole{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#5a2023;border:1px solid #5a2023;width:100%}
.hledani .pole{background:var(--panel);padding:8px 12px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-tlumeny)}
.hledani .cela{grid-column:1 / -1}   /* pole přes oba sloupce */
.hledani select,.hledani input[type=text],.hledani input[type=search]{display:block;width:100%;margin-top:3px;background:transparent;border:0;color:var(--text);font:inherit;font-size:15px;text-transform:none;letter-spacing:0;min-height:26px}
.hledani input::placeholder{color:#8a7a72}
.hledani option{background:var(--panel);color:var(--text)}
/* Nadpisy skupin v rozbalovacím seznamu (Akce, Prostory…) – tučně a červeně, aby bylo jasné, co kam patří */
.hledani optgroup{background:#2a1c1d;color:var(--cervena-text);font-style:normal;font-weight:600}
/* Řádek se zaškrtávátkem „Přidat další v okruhu xx km“ */
.hledani .okruh{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text)}
.okruh label{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:32px}
.okruh input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--cervena)}
.okruh input[type=number]{width:62px;padding:3px 6px;background:#120d0e;border:1px solid #5a2023;color:var(--text);font:inherit;font-size:14px;text-align:center}
.okruh input[type=number]:disabled{opacity:.45}
/* Tlačítko Hledat: pár px pod rámečky, uprostřed */
.hledani .hledat{margin-top:6px;min-width:200px;background:var(--cervena);color:#fff;border:0;font:inherit;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;padding:11px 32px}
.hledani .hledat:hover{background:#b0141c}

/* ===== Rámeček malé mapy – návrh 55 „Celý rám zlatý“ (vybral uživatel 2026-10-31) =====
   Dvojitý tenký zlatý rám: vnitřní linka = border, vnější linka = outline odsazený o 5 px (outline nezabírá
   místo v rozvržení, proto margin 6 px). V rozích se linky výrazněji (silněji) zlatě kříží a přesahují ven.
   Náhledy všech návrhů: navrhy_designu_2026-10-21/ramecky_mapy/ (generuj.py, funkce krizeni()). */
.mapa-ram{position:relative;padding:8px;margin:6px;border:1px solid rgba(233,196,106,.55);outline:1px solid rgba(233,196,106,.4);outline-offset:5px;
  background:rgba(20,16,17,.55);box-shadow:0 10px 30px rgba(0,0,0,.45)}
/* Zlaté křížení v rozích: jeden pseudo-prvek o 17 px větší na každou stranu (16 px přesah + 1 px rámeček)
   a 4 malé SVG obrázky 66×66 px do jeho rohů – každý je zrcadlově otočený pro svůj roh. */
.mapa-ram::before{content:"";position:absolute;inset:-17px;z-index:600;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 66 66'%3E%3Cpath d='M-16 -5.5H50M-5.5 -16V50M-10 0.5H34M0.5 -10V34' fill='none' stroke='%23e9c46a' stroke-width='1.6' opacity='.9'/%3E%3C/svg%3E") left top / 66px 66px no-repeat,
             url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -16 66 66'%3E%3Cpath d='M16 -5.5H-50M5.5 -16V50M10 0.5H-34M-0.5 -10V34' fill='none' stroke='%23e9c46a' stroke-width='1.6' opacity='.9'/%3E%3C/svg%3E") right top / 66px 66px no-repeat,
             url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -50 66 66'%3E%3Cpath d='M-16 5.5H50M-5.5 16V-50M-10 -0.5H34M0.5 10V-34' fill='none' stroke='%23e9c46a' stroke-width='1.6' opacity='.9'/%3E%3C/svg%3E") left bottom / 66px 66px no-repeat,
             url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 66 66'%3E%3Cpath d='M16 5.5H-50M5.5 16V-50M10 -0.5H-34M-0.5 10V-34' fill='none' stroke='%23e9c46a' stroke-width='1.6' opacity='.9'/%3E%3C/svg%3E") right bottom / 66px 66px no-repeat}

/* Malá mapa: průhledné tlačítko přes celou plochu otevře velkou mapu */
.mapa-mala{position:relative;height:286px;border:1px solid #5a2023}   /* 440 px šířka → ČR (poměr cca 1,74 : 1) vyplní mapku */
.mapa-mala #mapaMala{position:absolute;inset:0 0 33px 0}   /* dole místo pro štítek, aby nezakrýval jih ČR */
.mapa-mala .zvetsit{position:absolute;inset:0;z-index:500;background:transparent;border:0;cursor:zoom-in;padding:0}
/* Štítek dole na malé mapě */
.mapa-mala .stitek{position:absolute;left:0;right:0;bottom:0;z-index:501;pointer-events:none;background:rgba(20,16,17,.85);padding:8px 12px;font-size:12px;letter-spacing:2px;text-transform:uppercase;display:flex;justify-content:space-between;gap:8px}
.mapa-mala .stitek span:last-child{color:var(--cervena-text)}

/* ===== Okno s velkou mapou (nativní <dialog>, cca 2/3 velikosti stránky) ===== */
dialog.mapa-okno{width:66vw;height:66vh;max-width:none;max-height:none;padding:0;border:1px solid #5a2023;border-top:3px solid var(--cervena);background:var(--pozadi);color:var(--text)}
dialog.mapa-okno::backdrop{background:rgba(0,0,0,.72)}
/* Okno = sloupec: hlavička s filtry nahoře, mapa vyplní zbytek */
.okno-vnitrek{display:flex;flex-direction:column;height:100%}
.okno-hlava{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px;padding:12px 68px 8px 16px;border-bottom:1px solid #3a2a2b}
.okno-hlava h2{font-family:'Great Vibes',cursive;font-weight:400;font-size:36px;line-height:1;margin:0;flex:1 1 auto}
.filtry{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;letter-spacing:1px;text-transform:uppercase}
.filtry label{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px}
.filtry input{width:18px;height:18px;accent-color:var(--cervena)}
/* Barevné tečky v legendě = stejné barvy jako značky na mapě */
.tecka{width:12px;height:12px;border-radius:50%;border:2px solid #fff;display:inline-block}
.zavrit{position:absolute;top:10px;right:12px;width:44px;height:44px;background:transparent;border:1px solid #5a2023;color:var(--text);font-size:24px;line-height:1;cursor:pointer}
.zavrit:hover{background:var(--cervena)}
#mapaVelka{flex:1 1 auto}

/* Leaflet bubliny a popisky přebarvené do tmavého stylu webu */
.leaflet-container{background:#1a1414;font-family:inherit}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--panel);color:var(--text)}
.leaflet-popup-content{margin:12px 16px;font-size:14px}
.leaflet-popup-content b{font-size:16px}
.leaflet-popup-content .kat{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--cervena-text)}
.leaflet-container a.leaflet-popup-close-button{color:var(--text-tlumeny)}
.leaflet-popup-content a{color:var(--cervena-text)}
.leaflet-control-attribution{background:rgba(20,16,17,.8)!important;color:#9a8a82}
.leaflet-control-attribution a{color:#c9b9b0}
/* Tlačítka +/− přiblížení: Leaflet je má bílé → tmavý panel s červeným lemem jako zbytek webu */
.leaflet-bar{border:1px solid #5a2023!important;box-shadow:0 4px 14px rgba(0,0,0,.5)!important}
.leaflet-bar a,.leaflet-bar a:hover{background:var(--panel);color:var(--text);border-bottom-color:#5a2023}
.leaflet-bar a:hover{background:var(--cervena);color:#fff}
.leaflet-bar a.leaflet-disabled{background:var(--pozadi);color:#5a4a4a}
.leaflet-container a{color:var(--cervena-text)}   /* Leaflet má výchozí odkazy modré (#0078A8) */

/* ===== Seznam akcí ===== */
.akce{max-width:1100px;margin:0 auto;padding:16px 24px 72px}
/* hlavička tabulky: 3 sloupce – prázdný | nadpis uprostřed | odkaz/počet vpravo */
.akce-hlava{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:12px;margin-bottom:14px}
.akce-hlava > h2{grid-column:2;text-align:center}
.akce-hlava > a,.akce-hlava > .pocet{grid-column:3;justify-self:end}
.akce-hlava h2{font-family:'Great Vibes',cursive;font-weight:400;font-size:43px;line-height:1.1;margin:0}
.akce-hlava a{font-size:15px;font-weight:500;letter-spacing:2px;text-transform:uppercase}
/* Poloprůhledný panel, aby byl text čitelný i přes vzor pozadí */
.seznam{background:rgba(20,16,17,.82);border-top:3px solid var(--cervena)}
/* Řádek akce – kompaktní na výšku (padding 12 px); na šířku se přizpůsobí oknu (sloupce v mřížce) */
/* Řádek je <button> (rozbaluje panel) → zrušit výchozí vzhled tlačítka, ponechat mřížku datum | text | Detail */
.radek{position:relative;width:100%;display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:24px;align-items:center;padding:12px 24px;
  border:0;border-bottom:1px solid #3a2a2b;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .25s}
.radek:hover{background:rgba(210,35,42,.12);color:var(--text)}
.radek:focus-visible{outline:2px solid var(--cervena);outline-offset:-2px}
.datum{display:block;text-align:center;border-right:1px solid #5a2023;padding-right:16px}
.datum-den{display:block;font-size:32px;font-weight:300;line-height:1;transition:transform .3s}
.datum-mesic{display:block;font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--cervena-text);margin-top:3px}
.text{display:block}
.nazev{display:block;font-size:20px;font-weight:500;line-height:1.25}
.misto{display:block;font-size:14px;color:var(--text-tlumeny);margin-top:2px}
.detail{font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--cervena-text)}

/* ===== Patička ===== */
footer{text-align:center}
.oddelovac-linka{width:min(560px,90%);height:60px;margin:0 auto 24px;opacity:.85}
.paticka-pas{background:var(--cervena);color:#fff;padding:22px 24px;font-size:14px;letter-spacing:2px;text-transform:uppercase}
.licence{font-size:11px;color:#8a7a72;padding:8px;background:var(--pozadi)}

/* =====================================================================
   DOPLŇKY PRO OSTRÝ WEB (2026-10-30): aktivní menu, hlášky, výsledky hledání, stránkování,
   detail akce, formulář „Přidat akci“
   ===================================================================== */
.menu a.aktivni{color:var(--cervena-text);border-bottom:2px solid var(--cervena)}
/* aktivní položka se při najetí rozzáří stejně jako ostatní (záře výše), jen linka pod ní zezlátne */
.menu a.aktivni:hover{color:#ffe9a8;border-bottom-color:#e9c46a}
.tlacitko{display:inline-block;border:0;cursor:pointer;font-family:inherit}
.hledani input[type=date]{display:block;width:100%;margin-top:3px;background:transparent;border:0;color:var(--text);font:inherit;font-size:15px;min-height:26px;color-scheme:dark}
/* Hláška po odeslání formuláře */
/* (dřív zelená – do červeno-černo-zlaté palety nepatřila → tmavý panel se zlatým proužkem) */
.hlaska{background:rgba(20,16,17,.9);border:1px solid #5a4a2a;border-left:4px solid #e9c46a;padding:12px 16px;margin:20px auto 0;max-width:900px;text-align:left}
.hlaska strong{color:#e9c46a}
/* Řádek „Hledání: … · nalezeno N   Zrušit filtr ד */
.vysledky-hlava{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 16px;background:rgba(20,16,17,.82);border:1px solid #3a2a2b;margin-bottom:12px;font-size:15px}
.vysledky-hlava p{margin:0}
.vysledky-hlava a{font-size:14px;letter-spacing:1px;text-transform:uppercase}
/* Podkategorie jako „štítky“ */
.stitky{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.stitky a{padding:7px 14px;border:1px solid #5a2023;background:rgba(20,16,17,.82);color:var(--text);text-decoration:none;font-size:14px}
.stitky a:hover,.stitky a.aktivni{background:var(--cervena);border-color:var(--cervena);color:#fff}
.prazdno{margin:0;padding:22px 24px;color:var(--text-tlumeny)}
.akce-hlava .pocet{font-size:15px;color:var(--text-tlumeny);letter-spacing:1px}
.paticka-pas a{color:#fff}                      /* odkaz v červené patičce bílý (červená na červené by nebyla vidět) */
.paticka-pas a:hover{color:#ffd9da}
#probehle{margin-top:36px}
.seznam.probehle .datum-den,.seznam.probehle .nazev{color:#d8ccc4}   /* proběhlé akce o něco tlumeněji */
.strankovani{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 4px;font-size:15px}
.strankovani a{letter-spacing:1px;text-transform:uppercase;font-size:14px;padding:8px 0}

/* ===== Detail akce ===== */
.detail-stranka,.formular-stranka{padding-top:28px;padding-bottom:64px}
.zpet{display:inline-block;font-size:14px;letter-spacing:1px;text-transform:uppercase;padding:6px 0;margin-bottom:10px}
.detail-nazev{font-family:'Great Vibes',cursive;font-weight:400;font-size:clamp(44px,6vw,72px);line-height:1.1;margin:0 0 18px}
.udaje{margin:0 0 24px;background:rgba(20,16,17,.82);border-top:3px solid var(--cervena)}
.udaje div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:10px 18px;border-bottom:1px solid #3a2a2b}
.udaje dt{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--text-tlumeny);padding-top:3px}
.udaje dd{margin:0;font-size:17px;overflow-wrap:anywhere}
.probehla{color:var(--text-tlumeny)}
.detail-mrizka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:40px;align-items:start}
.popis{background:rgba(20,16,17,.82);padding:20px 22px;font-size:17px;line-height:1.6;overflow-wrap:anywhere}
.mapa-detail{height:320px;border:1px solid #5a2023}

/* ===== Formulář „Přidat akci“ ===== */
.kroky{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:0 0 24px;list-style:none;counter-reset:krok}
.kroky li{counter-increment:krok;background:rgba(20,16,17,.82);border-top:3px solid var(--cervena);padding:14px 16px 14px 56px;position:relative;color:var(--text-tlumeny);font-size:15px}
.kroky li::before{content:counter(krok);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--cervena);color:#fff;display:grid;place-items:center;font-weight:600}
.kroky strong{color:var(--text);display:block}
.formular fieldset{border:1px solid #3a2a2b;background:rgba(20,16,17,.82);margin:0 0 16px;padding:16px 18px}
.formular legend{padding:0 8px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--cervena-text)}
.napoveda{margin:0 0 12px;color:var(--text-tlumeny);font-size:14px}
.povinne{color:var(--cervena-text)}
.radek-poli{display:flex;flex-wrap:wrap;gap:12px 16px;margin-bottom:12px}
/* popisek pole: text + hvězdička na jednom řádku, pod nimi samotné pole (input je display:block) */
.radek-poli > label{flex:1 1 180px;display:block;font-size:13px;letter-spacing:1px;color:var(--text-tlumeny)}
.radek-poli > label > input,.radek-poli > label > .cas{display:block;margin-top:5px}
.radek-poli > label > select{margin-top:5px}   /* bez display:block – stylovatelný select je flex (text + šipka v řádku) */
.radek-poli > label > .cas{display:flex}
.radek-poli > label.souhlas{display:flex;align-items:center;align-self:flex-end;min-height:44px}
.radek-poli > label.siroke{flex:2 1 300px}
.formular input[type=text],.formular input[type=email],.formular input[type=tel],.formular input[type=number],
.formular input[type=date],.formular input[type=search],.formular select,.formular textarea{
  width:100%;padding:9px 11px;background:#120d0e;border:1px solid #5a2023;color:var(--text);font:inherit;font-size:16px;color-scheme:dark}
.formular input:focus,.formular select:focus,.formular textarea:focus{outline:2px solid var(--cervena);outline-offset:0}
.formular .cas{display:flex;align-items:center;gap:6px}
.formular .cas select{width:auto}
.kategorie-mrizka{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 20px}
.kat-skupina strong{display:block;margin-bottom:6px;color:var(--cervena-text);font-weight:600}
.kat-skupina label,.souhlas{display:flex;align-items:center;gap:8px;min-height:30px;font-size:15px;color:var(--text);cursor:pointer}
.formular input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:var(--cervena)}
.souhlas{flex:2 1 300px;letter-spacing:0}
.medovy{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}   /* past na roboty – pro lidi neviditelná */
.formular .tlacitko{padding:14px 28px;font-size:15px}

/* =====================================================================
   ÚPRAVY 2026-10-30 (2. kolo): obec + okruh v jednom rámečku, Kdy (den / od–do), bublina u tlačítka,
   mapa s červenými hranicemi a českými popisky
   ===================================================================== */
/* Obec a okruh v jednom rámečku: pod polem obce tenká čára a řádek se zaškrtávátkem */
.obec-box > label{display:block}
.hledani .obec-box .okruh{margin-top:6px;padding-top:6px;border-top:1px dashed #3a2a2b;font-size:13px;gap:4px 8px}
.obec-box .okruh label{min-height:28px}
.okruh-km{display:inline-flex;align-items:center;gap:6px}
.obec-box.bez-obce .okruh{opacity:.45}                 /* zašedlé, dokud není vybraná obec */
.obec-box.bez-obce .okruh label{cursor:not-allowed}
/* Kdy: hlavička s přepínačem den / od–do a rychlými volbami, pod ní datum(y) */
.kdy-hlava{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.kdy-hlava label{display:inline-flex;align-items:center;gap:5px;cursor:pointer;text-transform:none;letter-spacing:0;font-size:13px;color:var(--text)}
.kdy-hlava input[type=radio]{margin:0;accent-color:var(--cervena)}
.kdy-hlava .rychle{margin-left:auto;display:flex;gap:6px}
.kdy-hlava .rychla{background:transparent;border:1px solid #5a2023;color:var(--text-tlumeny);font:inherit;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;cursor:pointer}
.kdy-hlava .rychla:hover{background:var(--cervena);border-color:var(--cervena);color:#fff}
.kdy-data{display:flex;align-items:center;gap:8px}
.kdy-data input[type=date]{flex:1 1 0;min-width:0}
.kdy-do{display:flex;align-items:center;gap:8px;flex:1 1 0;color:var(--text-tlumeny)}
.kdy-do[hidden]{display:none}

/* Bublina u tlačítka „Přidat záznam“ – černá s červeným okrajem, objeví se při najetí myší / fokusu klávesnicí */
.s-bublinou{position:relative}
.s-bublinou::after,.s-bublinou::before{position:absolute;left:50%;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20}
.s-bublinou::after{content:attr(data-tip);top:calc(100% + 12px);transform:translate(-50%,-6px);width:max-content;max-width:240px;
  background:#141011;color:var(--text);border:1px solid var(--cervena);border-top:3px solid var(--cervena);
  padding:10px 14px;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.35;box-shadow:0 10px 24px rgba(0,0,0,.6)}
.s-bublinou::before{content:"";top:calc(100% + 2px);transform:translate(-50%,-6px);border:7px solid transparent;border-bottom-color:var(--cervena)}  /* šipka */
.s-bublinou:hover::after,.s-bublinou:hover::before,.s-bublinou:focus-visible::after,.s-bublinou:focus-visible::before{opacity:1;transform:translate(-50%,0)}

/* Mapa: podkladové dlaždice lehce do teplého tónu stránky (filtr jen na dlaždice, ne na značky a hranice) */
.podklad-seda{filter:sepia(.35) saturate(1.3) hue-rotate(-18deg) brightness(.95)}
/* reliéf je světlejší → víc ztmavit, ať ladí s černou stránkou */
.podklad-relief{filter:brightness(.5) sepia(.45) saturate(1.5) hue-rotate(-18deg) contrast(1.1)}
/* názvy sousedních zemí: tlumené verzálky s prostrkáním (jako na tištěných mapách) */
.zeme-popisek span{display:block;transform:translate(-50%,-50%);white-space:nowrap;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#9a8a82;
  text-shadow:0 0 3px #141011,0 0 3px #141011}
/* České popisky krajských měst na velké mapě: světlý text s tmavým obrysem pro čitelnost */
.mesto-popisek span{display:block;transform:translate(-50%,-50%);white-space:nowrap;font-size:13px;font-weight:500;letter-spacing:.5px;color:#efe4da;
  text-shadow:0 0 3px #141011,0 0 3px #141011,0 0 6px #141011}

/* --- Tlačítko „Zpět na hlavní stránku“ (formulář, detail): výrazný rámeček s domečkem, při najetí se vybarví --- */
.domu{display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 14px;border:2px solid var(--cervena);background:rgba(20,16,17,.85);
  color:var(--text);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:background .25s,color .25s}
.domu svg{width:20px;height:20px;flex:none;transition:transform .25s}
.domu:hover,.domu:focus-visible{background:var(--cervena);color:#fff}
.domu:hover svg{transform:translateX(-3px)}                 /* domeček „poodskočí“ směrem zpět */
.domu-nahore{margin-bottom:18px}
.formular-konec{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}

/* =====================================================================
   ŽIVOST WEBU (2026-10-30, 3. kolo): rozbalování akcí, hover efekty, pulz na mapě, odpočet,
   odkrývání při rolování, úvodní vstup. Všechny pohyby se vypnou při „omezit animace“ v systému (konec souboru).
   ===================================================================== */

/* --- Hover efekty řádku: červená linka vyjede zleva, datum se lehce zvětší --- */
.radek::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--cervena);
  transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.radek:hover::after,.otevreno > .radek::after{transform:scaleX(1)}
.radek:hover .datum-den{transform:scale(1.12)}
.sipka{display:inline-block;transition:transform .35s}

/* --- Rozbalený záznam: řádek zvýrazněný, šipka otočená, panel plynule „vyjede“ --- */
.otevreno > .radek{background:rgba(210,35,42,.16)}
.otevreno .sipka{transform:rotate(180deg)}
/* Trik pro animaci výšky „na auto“: mřížka s jedním řádkem 0fr → 1fr (obsah má overflow:hidden) */
.rozbal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1)}
.otevreno > .rozbal{grid-template-rows:1fr}
.rozbal-obal{overflow:hidden;min-height:0}
/* Vnitřek: červená svislá linka vlevo „vyroste“ shora dolů a obsah se vynoří s malým zpožděním */
.rozbal-vnitrek{position:relative;padding:16px 24px 20px 32px;opacity:0;transform:translateY(-10px);transition:opacity .35s,transform .45s}
.rozbal-vnitrek::before{content:"";position:absolute;left:14px;top:14px;bottom:18px;width:3px;background:var(--cervena);
  transform:scaleY(0);transform-origin:top;transition:transform .55s .1s cubic-bezier(.2,.7,.2,1)}
.otevreno .rozbal-vnitrek{opacity:1;transform:none;transition-delay:.12s}
.otevreno .rozbal-vnitrek::before{transform:scaleY(1)}
.rozbal .udaje{background:transparent;border-top:0;margin-bottom:12px}
.rozbal .udaje div{padding:6px 0;grid-template-columns:100px minmax(0,1fr)}
.popis.zkraceny{background:transparent;padding:0;font-size:15px;line-height:1.55;color:#e4d9d1;
  display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}   /* nejvýš 7 řádků, zbytek v detailu */
.rozbal-akce{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.rozbal-akce .tlacitko{padding:10px 18px;font-size:13px}
.tl-obrys{background:transparent;border:1px solid var(--cervena);color:var(--text);font:inherit;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:10px 18px;cursor:pointer}
.tl-obrys:hover{background:var(--cervena);color:#fff}

/* --- Značky v mapě: obrysový špendlík (SVG v divIcon) se stínem, při najetí se lehce zvětší --- */
.znacka svg{display:block;overflow:visible;filter:drop-shadow(0 2px 2.5px rgba(0,0,0,.7));transform-origin:12px 33px;transition:transform .2s}
.znacka:hover svg{transform:scale(1.18)}

/* --- Pulzující kroužek pod značkou nejbližší akce na mapě --- */
.pulz span{display:block;width:44px;height:44px;border-radius:50%;border:2px solid var(--cervena);background:rgba(210,35,42,.25);
  animation:pulz 1.8s ease-out infinite}
@keyframes pulz{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.4);opacity:0}}

/* --- Odpočet do nejbližší akce (pod podtitulkem) --- */
.odpocet{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;margin:16px auto 0;padding:8px 18px;
  border:1px solid #5a2023;background:rgba(20,16,17,.7);color:var(--text);text-decoration:none;font-size:15px}
.odpocet:hover{border-color:var(--cervena);color:var(--text)}
.odpocet-popis{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--cervena-text)}
.odpocet-cas{color:var(--text-tlumeny);font-variant-numeric:tabular-nums}   /* stejně široké číslice → text se při tikání necuká */
.odpocet-cas b{color:#fff;font-weight:600;font-size:17px}

/* --- Odkrývání při rolování (třídy přidává skript) --- */
.odhal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.odhal.videt{opacity:1;transform:none}

/* --- Úvodní vstup (jen při 1. návštěvě v relaci; třídu .intro nastaví skript v hlavičce) --- */
.intro .pas{animation:pas-vjezd .8s cubic-bezier(.2,.7,.2,1) both}
.intro .pas h1{animation:napis-dopsani 1.3s .45s cubic-bezier(.4,.1,.2,1) both}
.intro .nadtitulek,.intro .podtitulek,.intro .odpocet{animation:prolnuti .7s 1.4s both}
.intro .roh-stranky.vlevo{transform-origin:top left;animation:roh-rust 1.1s .2s cubic-bezier(.2,.7,.2,1) both}
.intro .roh-stranky.vpravo{animation:roh-rust-zrcadlo 1.1s .2s cubic-bezier(.2,.7,.2,1) both}   /* zrcadlí se kolem středu (jinak by vyjel z okna) */
@keyframes pas-vjezd{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
/* „dopsání“: ořez zleva doprava (záporné horní/dolní okraje, aby se neořízly přečnívající kličky písma) */
@keyframes napis-dopsani{from{clip-path:inset(-60% 100% -60% -15%)}to{clip-path:inset(-60% -15% -60% -15%)}}   /* −15 % vpravo/vlevo: kličky písma přesahují box */
@keyframes prolnuti{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes roh-rust{from{opacity:0;transform:scale(.4)}to{opacity:.95;transform:scale(1)}}
/* růst z pravého horního rohu: zmenšení kolem středu + posun o 30 % (= (1−0,4)/2) doprava nahoru drží roh na místě */
@keyframes roh-rust-zrcadlo{from{opacity:0;transform:translate(30%,-30%) scaleX(-1) scale(.4)}to{opacity:.95;transform:scaleX(-1)}}

/* ===== Stránka Účet a Plesíky (ucet.php) ===== */
.ucet-stranka{max-width:900px}
.ucet-stranka h2{font-family:'Great Vibes',cursive;font-weight:400;font-size:44px;line-height:1.1;margin:0 0 8px}
.ucet-stranka h3{font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--cervena-text);margin:28px 0 10px}
/* Formuláře účtu (přihlášení, registrace, hesla): pole pod sebou, popisek nad polem.
   Vzhled polí přebírá z .formular (Přidat záznam); tady jen doplněk pro type=password a rozložení. */
.formular input[type=password]{width:100%;padding:9px 11px;background:#120d0e;border:1px solid #5a2023;color:var(--text);font:inherit;font-size:16px;color-scheme:dark}
.ucet-formular label:not(.souhlas){display:block;margin-bottom:12px;font-size:13px;letter-spacing:1px;color:var(--text-tlumeny)}
.ucet-formular label:not(.souhlas) input{display:block;margin-top:5px}
.ucet-formular label small{letter-spacing:0;opacity:.8}
.ucet-formular .souhlas{margin:4px 0 14px;font-size:14px;line-height:1.4}
.ucet-formular .tlacitko{width:100%}
/* přihlášení | registrace vedle sebe; stejně vysoké rámečky */
.ucet-dvojice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;margin-bottom:36px}
.ucet-dvojice fieldset{margin:0}
#registrace fieldset{height:100%}                 /* registrace je stejně vysoká jako levý sloupec */
.ucet-sloupec{display:flex;flex-direction:column;gap:16px}   /* přihlášení a pod ním zapomenuté heslo */
.ucet-samostatny{margin:16px 0 0;max-width:440px}
/* rozbalovací <details> (zapomenuté heslo, změna hesla) – vypadá jako rámeček formuláře */
details.ucet-formular{border:1px solid #3a2a2b;background:rgba(20,16,17,.82);padding:12px 18px}
details.ucet-formular summary{cursor:pointer;color:var(--cervena-text);font-size:13px;letter-spacing:2px;text-transform:uppercase;min-height:28px;display:flex;align-items:center}
details.ucet-formular summary:hover{color:#e9c46a}
details.ucet-formular[open] summary{margin-bottom:12px}
/* chyba u formuláře: červený proužek vlevo (hláška o úspěchu je zlatá .hlaska) */
.chyba-formulare{margin:0 0 14px;padding:10px 14px;background:rgba(210,35,42,.14);border-left:4px solid var(--cervena);color:var(--text);font-size:15px}
.ucet-stranka > .chyba-formulare,.ucet-stranka > .hlaska{margin:0 0 20px;max-width:none}
/* profil přihlášeného: mince + přezdívka + údaje */
.profil{display:flex;align-items:flex-start;gap:24px;margin-bottom:16px}
.profil img{flex:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.profil > div{flex:1;min-width:0}
.profil .udaje{margin-bottom:0}
.ucet-akce{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:8px}
.ucet-akce details{flex:1 1 320px}
.odhlasit-form .tlacitko{padding:12px 26px}
/* vedlejší tlačítko: jen obrys (Odhlásit se) */
.tlacitko.tlacitko-obrys{background:transparent;border:1px solid var(--cervena);color:var(--text)}
.tlacitko.tlacitko-obrys:hover{background:var(--cervena);color:#fff}
/* ===== Plesíky za záznam (novy-zaznam.php) a schvalování správcem (schvalit.php) – 2026-10-31 ===== */
.plesiky-pozvanka{display:flex;align-items:center;gap:12px;margin:0 0 24px}   /* mince vlevo, text vedle */
.plesiky-pozvanka img{flex:none}
.plesiky-pozvanka a{color:#e9c46a}
.tlumene{color:var(--text-tlumeny);font-size:.9em}
.schvaleni-nahled h2{font-size:26px;font-weight:500;margin:0 0 14px}
.schvaleni-nahled .popis{margin-bottom:24px}
.schvaleni-formular{max-width:none}
.schvaleni-formular label{display:block}
.schvaleni-tlacitka{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:16px}
.schvaleni-upravit{color:var(--text-tlumeny);margin-left:auto}                /* vedlejší odkaz odsunutý doprava */
.schvaleni-upravit:hover{color:#e9c46a}
.schvaleni-dal{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
/* hlavička Plesíků: velká mince vlevo, text vpravo (na mobilu pod sebou) */
.plesiky-hlava{display:flex;align-items:center;gap:24px;margin-bottom:20px}
.plesiky-hlava img{flex:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.plesiky-hlava p{margin:0;color:var(--text-tlumeny);font-size:17px;line-height:1.6}
/* ceník: řádky z .udaje, jen širší levý sloupec a zlatá čísla vpravo */
.cenik div{grid-template-columns:minmax(0,1fr) 70px;align-items:center}
.cenik dt{font-size:16px;letter-spacing:0;text-transform:none;color:var(--text);padding:0}
.cenik dt small{display:block;font-size:13px;color:var(--text-tlumeny);margin-top:2px}
.cenik dd{text-align:right;font-size:22px;font-weight:600;color:#e9c46a}
/* hodnosti: mřížka 4 × 2 (osm stupňů jde zleva doprava a shora dolů); na mobilu 2 sloupce */
.hodnosti{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}
.hodnosti li{background:rgba(20,16,17,.82);border:1px solid #5a4a2a;padding:8px 14px;display:flex;flex-direction:column}
.hodnosti strong{color:#e9c46a;font-weight:600}
.hodnosti span{font-size:13px;color:var(--text-tlumeny)}
.pravidla{background:rgba(20,16,17,.82);margin:0;padding:16px 18px 16px 36px;line-height:1.6;color:var(--text-tlumeny)}

/* ===== Tablet (do 1000 px): střed do jednoho sloupce, mapa pod vyhledáváním ===== */
@media (max-width:1000px){
  .detail-mrizka{grid-template-columns:minmax(0,1fr)}
  .kroky{grid-template-columns:minmax(0,1fr)}
  .stred{grid-template-columns:minmax(0,1fr);max-width:560px;margin-left:auto;margin-right:auto;gap:36px}
  .roh-stranky{width:150px;height:150px;top:12px}
  .roh-stranky.vlevo{left:12px}.roh-stranky.vpravo{right:12px}
}
/* ===== Moje záznamy a Žebříček tanečníků (ucet.php) – 2026-10-31 ===== */
.moje-sekce,.zebricek-sekce{margin:40px 0}
/* seznam mých záznamů: název vlevo, stav vpravo; červená linka nahoře jako u tabulek údajů */
.moje-zaznamy{list-style:none;padding:0;margin:0 0 16px;background:rgba(20,16,17,.82);border-top:3px solid var(--cervena)}
.moje-zaznamy li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid #3a2a2b}
.moje-nazev{min-width:0;font-size:17px;overflow-wrap:anywhere}
.moje-nazev a{color:var(--text)}
.moje-nazev a:hover{color:#e9c46a}
.moje-nazev small,.moje-stav small{display:block;font-size:13px;color:var(--text-tlumeny);letter-spacing:0;text-transform:none}
.moje-duvod{display:block;font-size:14px;color:var(--cervena-text);margin-top:4px}
.moje-stav{flex:none;text-align:right;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-tlumeny)}
.moje-stav strong{display:block;font-size:20px;letter-spacing:0;text-transform:none}
.stav-1 .moje-stav{color:#e9c46a}               /* schváleno = zlatá jako Plesíky */
.stav-2 .moje-stav{color:var(--cervena-text)}   /* zamítnuto = červená */
/* žebříček: pořadí | přezdívka + hodnost | Plesíky; zlatá linka nahoře */
.zebricek{list-style:none;padding:0;margin:0 0 12px;background:rgba(20,16,17,.82);border-top:3px solid #e9c46a}
.zebricek li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid #3a2a2b}
.zebricek .poradi{font-size:22px;font-weight:600;color:var(--text-tlumeny)}
.zebricek .jmeno{font-size:17px;overflow-wrap:anywhere}
.zebricek .jmeno small{display:block;font-size:13px;color:var(--text-tlumeny)}
.zebricek .jmeno em{font-style:normal;font-size:14px;color:var(--text-tlumeny)}
.zebricek .body{font-weight:600;color:#e9c46a;white-space:nowrap}
.zebricek .misto-1 .poradi{color:#e9c46a}       /* 1.–3. místo: zlato, stříbro, bronz */
.zebricek .misto-2 .poradi{color:#d6d6d6}
.zebricek .misto-3 .poradi{color:#c98a4b}
.zebricek li.ja{background:rgba(210,35,42,.14);box-shadow:inset 4px 0 0 var(--cervena)}   /* můj řádek */
.zebricek li.mimo{border-top:2px dashed #3a2a2b}                                        /* moje pořadí mimo první desítku */
/* ===== Mobil (do 600 px) ===== */
@media (max-width:600px){
  .moje-zaznamy li{flex-direction:column;align-items:flex-start;gap:6px}   /* stav pod název */
  .moje-stav{text-align:left}
  .zebricek li{grid-template-columns:34px minmax(0,1fr) auto;padding:10px 12px}
  .schvaleni-tlacitka .tlacitko{flex:1 1 100%}   /* na mobilu velká tlačítka přes celou šířku (snadno se trefí palcem) */
  .schvaleni-upravit{margin-left:0}
  /* menší rohy; menu začíná pod nimi, aby se nepřekrývaly */
  .roh-stranky{width:84px;height:84px;top:10px}
  .roh-stranky.vlevo{left:10px}.roh-stranky.vpravo{right:10px}
  .lista{padding-top:20px;gap:12px}
  .menu{gap:4px 16px;font-size:14px;padding:0 70px}
  .podtitulek{font-size:14px;letter-spacing:2px}
  .nadtitulek{font-size:12px;letter-spacing:2px} /* užší, aby se po zarovnání nad „s“ vešel na šířku displeje */
  .mapa-mala{height:220px}
  .hledani-pole{grid-template-columns:1fr}     /* na mobilu všechna pole pod sebou */
  .hledani .hledat{width:100%}
  .s-bublinou::after{max-width:200px}
  .hledani select,.hledani input[type=search]{min-height:32px;font-size:16px} /* 16px = iPhone při psaní nezoomuje */
  dialog.mapa-okno{width:96vw;height:84vh}
  .okno-hlava h2{font-size:30px;flex-basis:100%}
  .filtry{gap:0 16px;font-size:13px}
  .radek{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:10px 14px}
  .datum-den{font-size:26px}
  .nazev{font-size:17px}
  .detail{display:none}
  .akce{padding-left:12px;padding-right:12px}
  .akce-hlava h2{font-size:34px}
  .akce-hlava{grid-template-columns:1fr;gap:2px}               /* mobil: nadpis a odkaz pod sebou, na střed */
  .akce-hlava > *{grid-column:1 !important;justify-self:center !important}
  .udaje div{grid-template-columns:minmax(0,1fr);gap:2px}   /* popisek nad hodnotou */
  .popis{padding:16px;font-size:16px}
  .mapa-detail{height:240px}
  .rozbal .udaje div{grid-template-columns:minmax(0,1fr);gap:0}
  .rozbal-vnitrek{padding:12px 14px 16px 26px}
  .rozbal-vnitrek::before{left:10px}
  .odpocet{font-size:14px;padding:8px 12px;margin-left:12px;margin-right:12px}
  /* lišta účtu: menší písmo (mezi rohy se nevejde → leží přes ně, má tmavé pozadí) */
  .ucet-lista{padding-top:10px;font-size:11px;letter-spacing:1px;gap:8px}
  .ucet-lista a{padding:2px 10px}
  /* bublina u Plesíků zarovnaná k levému okraji tlačítka, aby na úzkém displeji nevyjela z obrazovky */
  .ucet-lista .s-bublinou::after,.ucet-lista .s-bublinou:hover::after{left:0;transform:none}
  .ucet-lista .s-bublinou::before{display:none}
  .lista{padding-top:12px}
  /* Účet a Plesíky: mince nad textem; ceník zůstává ve 2 sloupcích (číslo vpravo) */
  .plesiky-hlava{flex-direction:column;text-align:center;gap:12px}
  .plesiky-hlava img{width:96px;height:96px}
  .ucet-stranka .cenik div{grid-template-columns:minmax(0,1fr) 52px;gap:10px}
  .cenik dd{font-size:19px}
  /* účet na mobilu: přihlášení a registrace pod sebou, mince profilu nad údaji */
  .ucet-dvojice{grid-template-columns:minmax(0,1fr)}
  .profil{flex-direction:column;align-items:center;text-align:center;gap:10px}
  .profil .udaje{text-align:left;width:100%}
  .odhlasit-form,.odhlasit-form .tlacitko{width:100%}
  .hodnosti{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===== Návštěvník má v systému „omezit animace“ (např. ve Windows vypnuté Efekty animace) =====
   Jemná varianta: žádný POHYB (vjezd, posun, zvětšování, pulzování), ale pomalé prolnutí květů, pásu
   a „dopsání“ nápisu zůstává – to nevadí ani lidem citlivým na pohyb na obrazovce. */
@media (prefers-reduced-motion: reduce){
  .intro .pas,.intro .nadtitulek,.intro .podtitulek,.intro .odpocet{animation-name:jen-prolnuti}
  .intro .roh-stranky.vlevo,.intro .roh-stranky.vpravo{animation-name:jen-prolnuti-roh;animation-duration:1.6s}
  .odhal{transform:none}                                   /* odkrývání při rolování jen prolnutím, bez posunu */
  .radek:hover .datum-den,.znacka:hover svg,.domu:hover svg{transform:none}
  .pulz span{animation:none;opacity:.55;transform:scale(.9)}
  .ucet-lista .plesiky:hover img{transform:none}          /* mince se při omezených animacích neotáčí */
}
@keyframes jen-prolnuti{from{opacity:0}to{opacity:1}}
@keyframes jen-prolnuti-roh{from{opacity:0}to{opacity:.95}}

/* =====================================================================================
   PROSTORY – mapa tanečních prostorů (/prostory.php, js/prostory.js) – 2026-11-01
   Mapa je OpenLayers (ne Leaflet). Panel s detailem budovy leží uvnitř mapy vpravo (na mobilu je to spodní panel).
   Třídy panelu začínají „pp-“ (prostory panel), aby se nepletly se zbytkem webu.
   ===================================================================================== */
.obal-siroka{max-width:1600px}                         /* mapa potřebuje víc místa než text */
.skryte{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}   /* jen pro čtečky obrazovky */
.prostory-stranka{padding-top:28px;padding-bottom:64px}
.prostory-uvod{color:var(--text-tlumeny);max-width:860px;margin:0 0 6px}
.prostory-uvod a,.prostory-pozn a,.prostory-zaznamy a{color:var(--cervena-text)}
/* hledání + filtr skupin nad mapou */
.prostory-ovladani{display:flex;gap:10px 28px;flex-wrap:wrap;align-items:flex-start;margin:16px 0 24px}
.prostory-hledani{position:relative;flex:1 1 320px;max-width:520px}
#prostoryHledat{width:100%;box-sizing:border-box;padding:11px 12px;background:#120d0e;border:1px solid #5a2023;color:var(--text);font:inherit;font-size:16px;color-scheme:dark}
#prostoryHledat:focus{outline:2px solid var(--cervena);outline-offset:0}
.prostory-vysledky{position:absolute;z-index:900;left:0;right:0;top:100%;margin:2px 0 0;padding:4px 0;list-style:none;background:var(--panel);
  border:1px solid #5a2023;max-height:360px;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.prostory-vysledky button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:none;border:0;color:var(--text);
  font:inherit;font-size:15px;padding:10px 12px;cursor:pointer;min-height:44px}
.prostory-vysledky button:hover,.prostory-vysledky button:focus-visible{background:#2a1d1f}
.prostory-vysledky small{margin-left:auto;color:var(--text-tlumeny);font-size:13px;white-space:nowrap}
.prostory-vysledky .nic{padding:10px 12px;color:var(--text-tlumeny)}
.prostory-skupiny{flex:1 1 300px}
.prostory-skupiny summary{cursor:pointer;padding:11px 0;color:var(--text-tlumeny);letter-spacing:1px}
.prostory-skupiny-seznam{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px 18px;padding:4px 0 8px}
.prostory-skupiny-seznam label{display:flex;gap:9px;align-items:center;font-size:14.5px;cursor:pointer;min-height:36px}
.prostory-skupiny-seznam input{width:18px;height:18px;accent-color:var(--cervena);flex:none}
.pp-tecka{width:11px;height:11px;border-radius:50%;flex:none;display:inline-block}
/* mapa v zlatém rámu */
.prostory-ram{margin:6px 6px 0}
.prostory-mapa{position:relative;height:min(78vh,880px);min-height:500px;background:#151112;overflow:hidden}
.prostory-mapa .ol-zoom{top:12px;left:12px}
.prostory-mapa .ol-zoom button,.prostory-mapa .ol-attribution button{background:#1c1516;color:var(--text);border:1px solid #5a2023;width:34px;height:34px;font-size:20px}
.prostory-mapa .ol-zoom button:hover{background:var(--cervena)}
.prostory-mapa .ol-attribution{background:rgba(20,16,17,.85);font-size:11px}
.prostory-mapa .ol-attribution,.prostory-mapa .ol-attribution a{color:var(--text-tlumeny)}
.prostory-pozn{font-size:12px;color:var(--text-tlumeny);margin:20px 0 0}
/* seznam záznamů pod mapou */
.prostory-zaznamy{margin-top:44px}
.prostory-zaznamy h2{font-weight:400;font-size:clamp(28px,3.2vw,38px);margin:0 0 12px}
.prostory-filtr-zaznamu label{display:inline-flex;gap:10px;align-items:center;color:var(--text-tlumeny)}
.prostory-filtr-zaznamu select{padding:8px 10px;background:#120d0e;border:1px solid #5a2023;color:var(--text);font:inherit;font-size:16px;color-scheme:dark}
.prostory-seznam{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px 24px}
.prostory-seznam li{padding:12px 14px;border:1px solid #3a2a2b;background:rgba(28,21,22,.7)}
.prostory-seznam li>a{font-size:17px;font-weight:500;text-decoration:none;color:var(--text)}
.prostory-seznam li>a:hover{color:var(--cervena-text)}
.prostory-seznam li span{display:block;color:var(--text-tlumeny);font-size:13.5px;margin-top:3px}
.prostory-nic{color:var(--text-tlumeny)}

/* ---------- panel s detailem budovy ---------- */
.pp{position:absolute;z-index:700;top:12px;right:12px;bottom:12px;width:410px;display:flex;flex-direction:column;
  background:rgba(20,16,17,.97);border:1px solid #5a2023;box-shadow:0 10px 30px rgba(0,0,0,.55);font-size:14px;line-height:1.45;color:var(--text)}
.pp[hidden]{display:none}
.pp-hlava{padding:12px 50px 12px 18px;position:relative;background:#1c1516;border-bottom:1px solid #3a2a2b;flex:none}
.pp-hlava b{font-size:19px;font-weight:500;display:block;line-height:1.25}
.pp-hlava small{color:var(--text-tlumeny);font-size:12.5px}
.pp-pruh{position:absolute;left:0;top:0;bottom:0;width:5px}
.pp-x{position:absolute;right:6px;top:6px;width:40px;height:40px;background:none;border:0;color:var(--text);font-size:28px;line-height:1;cursor:pointer}
.pp-x:hover{color:var(--cervena-text)}
.pp-zprava{padding:9px 16px;background:#2b2412;color:#ffe9a8;font-size:13.5px;flex:none}
.pp-zprava.chyba{background:#3a1214;color:#ffb3b6}
.pp-zprava[hidden]{display:none}
.pp-zalozky{display:flex;border-bottom:1px solid #3a2a2b;flex:none}
.pp-zalozky[hidden]{display:none}
.pp-zalozky button{flex:1;background:none;border:0;border-bottom:3px solid transparent;color:var(--text-tlumeny);font:inherit;font-size:13.5px;
  padding:11px 4px;cursor:pointer;min-height:44px}
.pp-zalozky button.akt{color:var(--text);border-bottom-color:var(--cervena)}
.pp-telo{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 16px}
.pp-pata{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;border-top:1px solid #3a2a2b;background:#1c1516;flex:none}
.pp-pata:empty{display:none}
.pp-ucet{margin-left:auto;font-size:12.5px;color:var(--text-tlumeny)}
a.pp-ucet{color:var(--cervena-text);padding:8px 0}
.pp .tlacitko.pp-mala,.pp-okno .tlacitko.pp-mala{padding:8px 12px;font-size:12px;letter-spacing:1px;min-height:38px}
.pp h4{margin:16px 0 8px;font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--zlata)}
.pp h4:first-child{margin-top:4px}
.pp dl{display:grid;grid-template-columns:42% 58%;row-gap:4px;margin:0}
.pp dt{color:var(--text-tlumeny)}
.pp dd{margin:0;overflow-wrap:anywhere}
.pp a{color:var(--cervena-text)}
.pp .nic{color:#9a8a8c;font-style:italic}
/* přepínač podlaží */
.pp-podlazi{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;align-items:center}
.pp-podlazi button[data-p]{background:none;border:1px solid #5a4a4c;color:var(--text);border-radius:18px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer;min-height:34px}
.pp-podlazi button.akt{background:var(--cervena);border-color:var(--cervena)}
.pp-podlazi button i{font-style:normal;opacity:.7;margin-left:4px}
.pp-odkaz{background:none;border:0;color:var(--cervena-text);font:inherit;font-size:13px;cursor:pointer;padding:6px 2px;text-decoration:underline}
.pp-podlazi .pp-odkaz{margin-left:auto}
/* budova bez vhodného prostoru */
.pp-nevhodny{display:flex;gap:12px;align-items:center;background:#211b1c;border:1px solid #4a3e40;padding:10px;margin-bottom:12px}
.pp-nevhodny img{flex:none}
/* karty sálů */
.pp-karta{border:1px solid #3a2a2b;border-left:4px solid var(--cervena);padding:10px 12px;margin-bottom:10px;cursor:pointer;background:#1a1314}
.pp-karta.auto{border-left-color:#6c6264}
.pp-karta.akt{border-color:var(--cervena);background:#2a1517}
.pp-karta-hlava{display:flex;align-items:center;gap:8px}
.pp-karta-hlava b{margin-right:auto;font-weight:500;font-size:15px}
.pp-stitek{font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;background:#2e2627;color:var(--text-tlumeny)}
.pp-stitek.over{background:#2b2412;color:var(--zlata)}
.pp-fakta{margin-top:4px}
.pp-mensi{color:var(--text-tlumeny);font-size:12.5px;margin-top:2px}
.pp-karta-tl{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;align-items:center}
/* formuláře v panelu */
.pp select,.pp input[type=text],.pp textarea{width:100%;box-sizing:border-box;margin-top:3px;padding:8px;background:#120d0e;border:1px solid #5a2023;
  color:var(--text);font:inherit;font-size:16px;color-scheme:dark}
.pp select:focus,.pp input:focus,.pp textarea:focus{outline:2px solid var(--cervena);outline-offset:0}
.pp-karta-tl select.pp-podl{width:auto;margin:0;font-size:14px;padding:7px}
.pp fieldset{border:1px solid #3a2a2b;margin:0 0 12px;padding:8px 12px 12px}
.pp legend{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--cervena-text);padding:0 6px}
.pp-mrizka{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.pp-mrizka .sir{grid-column:1/-1}
.pp label{display:block;font-size:12.5px;color:var(--text-tlumeny);margin-bottom:6px}
.pp label.pp-volba{display:flex;gap:9px;align-items:center;font-size:14.5px;color:var(--text);margin:8px 0;min-height:30px;cursor:pointer}
.pp-volba input{width:18px;height:18px;accent-color:var(--cervena);flex:none;margin:0}
.pp-krok{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-tlumeny)}
.pp-skup{display:flex;gap:8px;align-items:center;margin-top:8px}
.pp-skup span{flex:1}
.pp-skup select{width:auto;margin:0}
.pp-navod{background:#2b2412;border:1px solid #6b5a2a;color:#f3e3b0;padding:8px 10px;margin-bottom:10px;font-size:13.5px}
/* potvrzovací okénko přes panel (místo confirm() prohlížeče) */
.pp-potvrd{position:absolute;inset:0;background:rgba(10,8,8,.78);display:flex;align-items:center;justify-content:center;padding:20px;z-index:2}
.pp-potvrd>div{background:var(--panel);border:1px solid var(--cervena);padding:18px;max-width:320px}
.pp-potvrd p{margin:0}
.pp-tl{display:flex;gap:8px;margin-top:14px}
/* okénko podlaží u kolečka */
.pp-okno{position:absolute;z-index:650;width:212px;background:rgba(20,16,17,.97);border:1px solid #5a2023;font-size:13.5px;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.pp-okno-hlava{padding:9px 44px 9px 12px;background:#1c1516;font-weight:500;position:relative}
.pp-okno .pp-x{top:0;right:0;font-size:24px}
.pp-okno ul{list-style:none;margin:0;padding:4px 0;max-height:240px;overflow:auto}
.pp-okno li button{display:flex;justify-content:space-between;gap:8px;width:100%;background:none;border:0;color:var(--text);font:inherit;padding:8px 12px;cursor:pointer;min-height:38px}
.pp-okno li button:hover{background:#2a1d1f}
.pp-okno li button.akt{background:var(--cervena)}
.pp-okno small{color:var(--text-tlumeny)}
.pp-okno li button.akt small{color:#ffd9db}
.pp-okno-akce{display:flex;gap:6px;padding:8px;border-top:1px solid #3a2a2b}
/* krátká zpráva v mapě, když panel není otevřený */
.pp-toast{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:720;background:#2b2412;color:#ffe9a8;padding:9px 16px;border:1px solid #6b5a2a}
.pp-toast.chyba{background:#3a1214;color:#ffb3b6;border-color:var(--cervena)}
/* mobil: panel přes spodní část obrazovky, při kreslení menší (ať je vidět mapa) */
@media (max-width:700px){
  .prostory-mapa{height:72vh;min-height:420px}
  .pp{position:fixed;z-index:1000;left:0;right:0;bottom:0;top:auto;width:auto;height:58vh;border-width:1px 0 0;background:#141011}   /* plné pozadí – pod panelem je text stránky */
  .pp.kompakt{height:36vh}
  .pp-okno{position:fixed;left:3vw!important;right:3vw;top:auto!important;bottom:10px;width:auto;z-index:1001}
  .prostory-seznam{grid-template-columns:1fr}
}

/* ---------- Změny prostorů ke schválení (/prostory-zmeny.php, jen správce) – 2026-11-01 ---------- */
.zm-hlaska{background:#2b2412;border:1px solid #6b5a2a;color:#ffe9a8;padding:10px 14px;max-width:860px}
.zm-odkaz-spravce{display:inline-block;margin:6px 0 0;padding:8px 12px;border:1px solid var(--zlata);color:var(--zlata)!important;text-decoration:none}
.zm-odkaz-spravce:hover{background:#2b2412}
.zm-mrizka{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:start;margin-top:18px}
.zm-vse{display:flex;gap:9px;align-items:center;color:var(--text-tlumeny);margin-bottom:8px}
.zm-autor{border:1px solid #3a2a2b;background:rgba(28,21,22,.7);padding:6px 16px 12px;margin-bottom:18px}
.zm-autor h2{font-weight:400;font-size:24px;margin:8px 0 4px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.zm-autor h2 label{display:flex;gap:9px;align-items:center;cursor:pointer}
.zm-autor h2 small,.zm-autor h3 small{font-size:13px;color:var(--text-tlumeny);font-weight:400}
.zm-autor h3{font-weight:500;font-size:16px;margin:14px 0 6px;color:var(--zlata)}
.zm-autor h3 a{color:var(--zlata)}
.zm-radek{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);gap:4px 16px;padding:10px 0;border-top:1px solid #2e2223}
.zm-radek.kontrola{background:rgba(58,18,20,.35)}
.zm-radek.ukazany{outline:1px solid var(--cervena)}
.zm-co{display:flex;gap:9px;align-items:flex-start;cursor:pointer}
.zm-seznam input[type=checkbox]{width:18px;height:18px;accent-color:var(--cervena);flex:none;margin-top:2px}
.zm-hodnoty{overflow-wrap:anywhere}
.zm-pred{color:var(--text-tlumeny);text-decoration:line-through;text-decoration-color:rgba(201,185,176,.5)}
.zm-po{color:var(--text)}
.zm-hodnoty .nic{color:#8a7a7c}
.zm-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;color:var(--text-tlumeny)}
.zm-stitek{background:#3a1214;color:#ffb3b6;padding:2px 8px}
.zm-body{margin-left:auto;display:flex;gap:8px;align-items:center}
.zm-body input{width:72px;padding:6px 8px;background:#120d0e;border:1px solid #5a2023;color:var(--zlata);font:inherit;font-size:16px;color-scheme:dark}
.zm-nahled{position:sticky;top:14px}
.zm-mapa{height:380px;border:1px solid #5a2023;background:#151112}
.zm-legenda{font-size:12.5px;color:var(--text-tlumeny);display:flex;gap:8px;align-items:center;margin:6px 0 0}
.zm-l{display:inline-block;width:18px;height:0;border-top:2px solid}
.zm-l.budova{border-color:#d9b765}.zm-l.pred{border-color:#c9b9b0;border-top-style:dashed}.zm-l.po{border-color:#ff4d55}
.zm-akce{position:sticky;bottom:0;z-index:800;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 0;margin-top:10px;
  background:linear-gradient(transparent,#141011 22%)}
.zm-akce textarea{flex:1 1 280px;min-height:44px;padding:10px;background:#120d0e;border:1px solid #5a2023;color:var(--text);font:inherit;font-size:16px;color-scheme:dark}
.zm-vyrizene{margin-top:36px;color:var(--text-tlumeny)}
.zm-vyrizene summary{cursor:pointer;padding:8px 0}
.zm-vyrizene li{margin:4px 0}
@media (max-width:900px){
  .zm-mrizka{grid-template-columns:1fr}
  .zm-nahled{position:static;display:none;order:-1}       /* na mobilu se mapa ukáže až po „ukázat tvar“ */
  .zm-nahled.vidi{display:block}
  .zm-mapa{height:300px}
  .zm-radek{grid-template-columns:1fr}
  .zm-akce .tlacitko{flex:1 1 140px}
}

/* ---------- Záznamy webu propojené s budovami prostorů (krok 8, 2026-11-01) ---------- */
.pp-zaznam{margin-top:6px;font-size:13px;color:var(--zlata)}               /* hlavička panelu: „Na portálu: …“ */
.pp-zaznam a{color:var(--zlata);font-weight:500}
.prostory-jen-zaznam{display:flex;gap:9px;align-items:center;font-size:14.5px;cursor:pointer;min-height:36px;margin:2px 0 4px}
.prostory-jen-zaznam input{width:18px;height:18px;accent-color:var(--cervena);flex:none}
.pp-tecka.zlata{background:transparent;border:2px solid #d9b765;width:12px;height:12px}
.form-prostor-vybrany{margin:10px 0 0}
.form-prostor-vybrany strong{color:var(--zlata);font-weight:500}
#formProstor .prostory-hledani{max-width:none}