/* Wake Park Džbán — převzato ze statického webu (wake-dzban-obnova/novy, 10/2026). */
:root{
  --brand:#e50051;
  --ink:#fff;
  --line:rgba(255,255,255,.85);
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  min-height:100vh; display:flex; flex-direction:column;
  background:var(--brand); color:var(--ink);
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
main{flex:1; display:grid; place-items:center; padding:clamp(16px,4vw,56px)}
.tiles{
  list-style:none; margin:0; padding:0; width:100%; max-width:1120px;
  display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(12px,2.2vw,28px);
}
.tile{
  aspect-ratio:1; display:grid; place-items:center;
  border:2px solid var(--line); border-radius:4px;
  color:var(--ink); text-decoration:none;
  transition:background-color .18s, color .18s, transform .18s;
}
.tile svg{width:64%; height:64%; overflow:visible}
.tile .lbl{fill:currentColor; stroke:none; font-family:inherit; font-weight:700; font-size:12.6px; letter-spacing:3.6px}
a.tile:hover, a.tile:focus-visible{background:var(--ink); color:var(--brand); transform:translateY(-3px); outline:none}
.tile.soon{cursor:default}
footer .languages{margin-top:8px; font-size:13px}
footer .languages a{margin:0 4px; text-decoration:none; opacity:.75}
footer .languages a[aria-current]{opacity:1; font-weight:700}
footer{text-align:center; font-size:14px; font-weight:500; padding:8px 16px 28px; line-height:1.6}
footer p{margin:0}
footer a{color:inherit}
footer .small{font-size:12px; opacity:.8}
.sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
@media (max-width:760px){
  .tiles{grid-template-columns:repeat(2,1fr); max-width:480px}
  footer .sep{display:none}
  footer p a{display:block}
}

/* ---- podstránky (ceník) ---- */
.page-head{text-align:center; padding:32px 16px 8px}
.page-head .home{display:inline-block; color:var(--ink)}
.page-head .home svg{width:84px; height:auto; transition:transform .18s}
.page-head .home:hover svg{transform:translateY(-3px)}
.page-head h1{margin:14px 0 2px; font-size:clamp(28px,5vw,40px); letter-spacing:.06em; text-transform:uppercase}
.page-head .sub{margin:0; font-weight:500; opacity:.85}
.page-body{display:block; place-items:normal; max-width:760px; margin:0 auto; width:100%}
.card{
  background:#fff; color:#1d1d1f; border-radius:6px;
  padding:22px 24px; margin-bottom:18px; scroll-margin-top:16px;
}
.card h2{margin:0 0 6px; color:var(--brand); font-size:19px; letter-spacing:.04em; text-transform:uppercase}
.card a{color:var(--brand)}
.card .note{margin:0 0 10px; color:#5f5f66; font-size:14px; line-height:1.55}
.card .row{display:flex; align-items:baseline; gap:14px; padding:11px 0; border-top:1px solid #eee}
.card h2 + .row, .card .note + .row{border-top:0}
.card .name{flex:1; min-width:0}
.card .name b{font-weight:700}
.card .desc{display:block; color:#6b6b72; font-size:13.5px; margin-top:2px; line-height:1.45}
.card .price{font-weight:700; white-space:nowrap}
.card .price.free{color:#1a8f52}
.card .tag{
  display:inline-block; margin-left:8px; padding:2px 8px; border-radius:999px; vertical-align:2px;
  background:var(--brand); color:#fff; font-size:10.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
}
@media (max-width:520px){ .card{padding:18px 16px} }

/* ---- kontakt ---- */
.card h3{margin:16px 0 4px; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:#6b6b72}
.kv-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:4px 24px; margin-top:8px}
.kv{margin:0 0 12px}
.kv b{display:block; font-size:12px; color:#6b6b72; font-weight:700; text-transform:uppercase; letter-spacing:.06em}
.kv span, .kv a{font-size:16px}
.hours{width:100%; border-collapse:collapse; margin:4px 0 12px}
.hours td{padding:9px 8px; border-top:1px solid #eee}
.hours tr:first-child td{border-top:0}
.hours td:last-child{text-align:right; font-weight:700; white-space:nowrap}
.hours tr.today td{background:#fdeef4}
.hours tr.today td:first-child{border-radius:4px 0 0 4px}
.hours tr.today td:last-child{border-radius:0 4px 4px 0}
.desc-inline{color:#6b6b72; font-size:13.5px; margin-left:6px}
.card .btn{
  display:inline-block; margin-top:4px; padding:11px 20px; border-radius:4px;
  background:var(--brand); color:#fff; font-weight:700; font-size:14px; letter-spacing:.04em;
  text-decoration:none; transition:transform .18s, background-color .18s;
}
.card .btn:hover{background:#c40046; transform:translateY(-2px)}