/* PWA místa · mesto · zaklad.css — sdílené tokeny a komponenty bloků (karta, nadpisy, sklo, pilulky, zlatavý rám, seznamy…), z V5 <style id="navrh">. Nic specifického pro jeden blok. */
/* ===== NÁVRH V5 · Vimperk — jeden vzhled pro všechny bloky pod mapou (základ claude-vimperk V4) ===== */
#pod-mapou{padding-left:14px;padding-right:14px;overflow-x:clip}
.blok{padding:18px 0 8px;border-top:1px solid var(--line);scroll-margin-top:68px}
.blok:first-child{border-top:0;padding-top:14px}
.bh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px;flex-wrap:wrap}
.bh h2{font-size:21px;line-height:1.15;margin:0}
.bh small{font-size:13px;color:var(--muted);font-weight:600}
h3{font-size:17px;line-height:1.3;margin:0}
.karta{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow)}
.sklo{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 16px;border-radius:26px;border:1.5px solid var(--gold-soft);background:rgba(255,255,255,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #fff;font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;cursor:pointer;white-space:nowrap;line-height:1.2}
.sklo:active,.sklo[aria-pressed="true"]{background:#fff;border-color:var(--gold)}
.sklo.mala{min-height:44px;font-size:14px;padding:6px 14px}
.akce{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.hvezdy{letter-spacing:1px;color:var(--gold);white-space:nowrap;font-size:17px}
.hvezdy em{font-style:normal;color:#d9d0c0}
.pozn{font-size:13px;color:var(--muted);margin:8px 0 0;line-height:1.4}
.dal{display:inline-block;line-height:44px;min-height:44px;font-weight:700;font-size:14.5px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-soft)}
.radek{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);min-height:60px;text-decoration:none;color:inherit}
.radek:first-of-type{border-top:0}
.radek img{width:84px;height:64px;object-fit:cover;border-radius:10px;background:#e9e6dc}
.radek.bez{grid-template-columns:1fr}
.radek small{display:block;color:var(--muted);font-size:12.5px;line-height:1.3}
.radek b{font-family:Literata,Georgia,serif;font-weight:680;letter-spacing:-.01em;font-size:16px;line-height:1.3;display:block}
.zitra-radek{margin:0 0 12px;font-size:16px;line-height:1.4}
.jinak{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:0}
.jinak li{display:flex;gap:10px;align-items:center;min-height:44px;border-top:1px solid var(--line);font-size:14.5px}
.jinak li b{min-width:54px;font-weight:700}
.jinak li span{color:var(--ink-soft)}
.jinak a{font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-soft)}
.tichy{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
/* společné doplňky V5 */
.txt{margin:0 0 4px;font-size:16px;line-height:1.45;color:var(--ink-soft)}
.karta .txt{margin-top:6px}
.nad{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:4px}
.podnadpis{font-size:17px;margin:18px 0 6px}
.sklo.siroke{width:100%;min-height:52px;font-size:17px;margin-top:10px}
.ic{width:40px;height:40px;border-radius:50%;background:#f1ece2;border:1px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--ink-soft);flex:none}
a.radek{grid-template-columns:40px 1fr}
a.radek b{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-soft)}
.bh.mala{margin-bottom:8px}
.bh.mala h3{font-size:18px}
/* volba (Pěšky · Běžky · Kolo · eBike, směry z nádraží) — ovládání pod obsahem, aktivní = zlatavě bílý rám */
.volba{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.volba.smery{grid-template-columns:repeat(3,1fr)}
.volba-b{appearance:none;-webkit-appearance:none;min-height:48px;border:1.5px solid var(--line);background:var(--paper);border-radius:14px;font-weight:700;font-size:15px;cursor:pointer;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;color:var(--ink)}
.volba-b small{font-weight:600;font-size:11.5px;color:var(--muted);margin-top:2px}
.volba-b[aria-pressed="true"]{background:#fff;border-color:var(--gold-soft);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--gold-soft)}

/* ===== Grafické triky (20. 10. 2026, z test1 — výběr z návrhů 5 AI; Marek: „vse je perfektni“) — běží i při „Omezit pohyb“ (dekorace, Marek to tak chce vidět) ===== */
/* 1 · Karty z mlhy: karta při vjezdu do obrazu vyjede, zaostří a nabere barvu (Safari 26+, jinde statické) */
@supports (animation-timeline: view()) {
  #pod-mapou > section.blok{animation:pm-mlha linear both;animation-timeline:view();animation-range:entry 0% entry 75%}
}
@keyframes pm-mlha{from{opacity:.2;translate:0 56px;scale:.95;filter:blur(5px) saturate(.6)}to{opacity:1;translate:0 0;scale:1;filter:none}}
/* 2 · Mapa ustupuje: parallax mapy v kostře při prvním scrollu */
@supports (animation-timeline: scroll()) {
  .map-stage .map{transform-origin:50% 30%;animation:pm-mapa linear both;animation-timeline:scroll(root);animation-range:0px 320px}
  .map-stage .mapbar{animation:pm-cipy linear both;animation-timeline:scroll(root);animation-range:0px 160px}
}
@keyframes pm-mapa{to{translate:0 35%;scale:1.12;filter:brightness(.8) saturate(.75)}}
@keyframes pm-cipy{to{opacity:0;translate:0 -14px}}
/* 3 · Skleněná lišta, hlavička a čipy mapy (Liquid Glass lite; bez backdrop-filter zůstane papír) */
.tabbar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));height:62px;padding:4px;border-radius:31px;border:1px solid rgba(255,255,255,.75);background:rgba(255,252,247,.55);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(166,132,72,.18),0 12px 30px rgba(40,32,20,.18)}
.tabbar a,.tabbar button{min-height:54px;border-radius:27px}
.tabbar .is-here{background:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--gold-soft)}
#pod-mapou{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.frame-head{background:rgba(255,252,247,.6);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:inset 0 -1px 0 rgba(255,255,255,.7)}
.map-stage .mapbar .chip{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border-color:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 4px 14px rgba(40,32,20,.14)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .tabbar,.frame-head{background:rgba(255,252,247,.96)} }
/* 5 · Pružný výběr: skupina s data-pruzny dostane jeden zlatý kroužek (zaklad.js), který na nový výběr přeskočí s pružinou */
[data-pruzny]{position:relative}
.pruzny-kruh{position:absolute;left:0;top:0;pointer-events:none;z-index:1;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold-soft),0 6px 16px rgba(166,132,72,.25);transition:transform .7s cubic-bezier(.3,1.4,.5,1),width .3s ease,height .3s ease;transition:transform .7s linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1),width .3s ease,height .3s ease}
.ma-kruh .volba-b[aria-pressed="true"]{box-shadow:none;border-color:var(--line)}
[data-pruzny] button{transition:scale .35s cubic-bezier(.3,1.6,.5,1)}
[data-pruzny] button:active{scale:.94}
/* View Transitions bloků (např. Kam zítra): zbytek stránky při přechodu stojí, žádné prolnutí celé obrazovky */
::view-transition-old(root),::view-transition-new(root){animation:none}
/* 10 · Cedulky v mapě dosednou (zaklad.js) */
#map-teren .pin > span{transform-origin:center bottom}