/* loc.css — situační schéma (sesia 953f919f, koncept B) + umístění v 3D hero (58f7cdca), 2026-10-25 */
/* === loc-card (hero mini-karta dostupnosti, koncept B, 2026-10-25) === */
/* === loc-mini: hero mini-card (concept B) === */
.loc-mini{box-sizing:border-box;width:340px;max-width:100%;padding:11px 14px 10px;border-radius:14px;
  background:rgba(43,40,35,.6);border:1px solid rgba(255,255,255,.3);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);
  box-shadow:0 12px 32px rgba(0,0,0,.28);color:#fff;text-align:left;line-height:1.3;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.loc-mini{background:rgba(43,40,35,.88)}}
.loc-mini *{box-sizing:border-box;margin:0;padding:0}
.loc-mini__kicker{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c99a2e;margin-bottom:7px}
.loc-mini__list{list-style:none;display:grid;gap:4px}
.loc-mini__row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:26px}
.loc-mini__ico{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff}
.loc-mini__ico svg{width:15px;height:15px;display:block}
.loc-mini__ico--metro{background:#c99a2e;border-color:#c99a2e;color:#2b2722}
.loc-mini__ico--vrt{background:transparent;border:1.5px dashed rgba(255,255,255,.75)}
.loc-mini__name{font-size:.84rem;font-weight:600}
.loc-mini__sub{display:block;font-size:.7rem;font-weight:400;color:rgba(255,255,255,.8);margin-top:1px}
.loc-mini__val{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:.84rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.loc-mini__t{display:inline-flex;align-items:center;gap:5px}
.loc-mini__t svg{width:14px;height:14px;display:block;opacity:.85}
.loc-mini__val small{font-size:.68rem;font-weight:400;color:rgba(255,255,255,.8)}
.loc-mini__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.18)}
.loc-mini__note{font-size:.68rem;color:rgba(255,255,255,.78)}
.loc-mini__more{flex-shrink:0;font-size:.76rem;font-weight:700;color:#fff;text-decoration:none;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.65);transition:background .18s ease}
.loc-mini__more:hover{background:rgba(255,255,255,.14)}
.loc-mini__more:focus-visible{outline:2px solid #c99a2e;outline-offset:2px}
/* placement inside the site's .hero-content (position:relative; padding-bottom:72px).
   Live site: .hero-content is a flex item that shrinks to ~720px and centres (measured x=360,w=720 @1440),
   so it is stretched to the 1080 container; text then aligns with the header logo and the right column is free. */
@media (min-width:1100px){.hero-content .loc-mini{position:absolute;right:20px;bottom:72px;z-index:3}}
@media (max-width:1099px){.hero-content .loc-mini{margin-top:24px}}
@media (max-width:719px){.hero-content .loc-mini{width:100%;max-width:420px}}
.loc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* === #lokalita: situační schéma (koncept B, 2026-10-25) === */
/* === loc-slide: situační schéma section / hero slide 2 (concept B) === */
.loc-slide{background:#efe8da;color:#2b2722;padding:72px 0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6}
.loc-slide *{box-sizing:border-box}
.loc-slide__inner{max-width:1080px;margin:0 auto;padding:0 20px}
.loc-slide__kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:#55855f;margin:0 0 10px}
.loc-slide__title{font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.2;letter-spacing:-.015em;margin:0 0 .5em;color:#2b2823}
.loc-slide__lead{font-size:1.08rem;color:#6f6857;max-width:46em;margin:0 0 1.5em}
.loc-slide__map{margin:0;border-radius:14px;box-shadow:0 8px 30px rgba(43,40,35,.08);line-height:0}
.loc-slide__map svg{display:block;width:100%;height:auto}
.loc-leg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.loc-leg__group{background:#fff;border:1px solid #e4ddc9;border-radius:14px;padding:18px 18px 16px}
.loc-leg__h{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:#55855f;font-weight:700;margin:0 0 12px}
.loc-leg__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.loc-leg__item{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:10px;align-items:start;font-size:.9rem;line-height:1.4}
.loc-leg__ico{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#6f6857}
.loc-leg__ico svg{width:15px;height:15px;display:block}
.loc-leg__ico--bus{background:#3f6b4a}.loc-leg__ico--car{background:#6f6857}.loc-leg__ico--walk{background:#9c741c}
.loc-leg__ico--train{background:#2b2722}.loc-leg__ico--vrt{background:#fff;color:#3f6b4a;border:2px dashed #55855f}
.loc-leg__item b{font-weight:800;font-variant-numeric:tabular-nums}
.loc-leg__item small{display:block;color:#6f6857;font-size:.8rem;margin-top:2px}
.loc-leg__tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3f6b4a;border:1.5px dashed #55855f;border-radius:999px;padding:0 7px;margin-right:4px;vertical-align:1px}
.loc-slide__foot{font-size:.78rem;color:#6f6857;margin:18px 0 0;max-width:62em}
.loc-slide__zoom{display:none;margin-top:10px;font-size:.86rem;font-weight:700;color:#3f6b4a}
@media (max-width:900px){.loc-leg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:719px){.loc-slide{padding:52px 0}.loc-slide__inner{padding:0 16px}.loc-leg{grid-template-columns:1fr;gap:12px}.loc-slide__map{border-radius:10px}.loc-slide__zoom{display:inline-block}}
.loc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.loc-map{margin-top:22px}
.loc-map p{color:#6f6857}

/* --- umístění mini-karty v 3D hero (přepisuje .hero-content pravidla výše) --- */
.m3d-hero > .loc-mini { display: none; }
@media (min-width: 1100px) {
  .m3d-hero > .loc-mini { display: block; position: absolute; right: 20px; top: 20px; z-index: 4; pointer-events: auto; opacity: 0; transition: opacity .5s ease .4s; }
  .m3d-hero.is-ready > .loc-mini, .m3d-hero.is-fail > .loc-mini { opacity: 1; }
  .m3d-hero.has-panel > .loc-mini, .m3d-hero.is-house > .loc-mini { opacity: 0; pointer-events: none; }
}
.loc-mini-below { display: none; }
@media (max-width: 1099px) {
  .loc-mini-below { display: block; background: var(--green-900, #2b2823); padding: 14px 16px 18px; }
  .loc-mini-below .loc-mini { margin: 0 auto; width: 100%; max-width: 420px; background: rgba(255,255,255,.08); }
}