/* KULTURA UI 1.0.0 (2026-10-31) — jeden vzhled celé sekce Kultura: /kultura/, den s plakátem (kultura-RRRR-MM-DD), detail akce /kultura/akce/<id>/.
   „Okr“: jemný papír + terakota, Fraunces / IBM Plex; tmavá verze podle systému. Lišty webu (topbar na www, tabbar na mobilu) dodává sumava-loader.js.
   Marek 31. 10.: „celý flow ať je ve stejné grafice… nahoře jen na www naše lišta a na mobilu šumavská lišta… vše responzivně super moderně a CZ/DE přepínání“. */
.ku{--t:#a3471f;--t2:#8a3a18;--krem:#f8dcc4;--okr:#d9a05b;--pap:#faf3e6;--pap2:#f4ebdc;--pap3:#ede2d0;--ink:#2a1c14;--sed:#78655a;--lin:rgba(42,28,20,.13);--mriz:rgba(163,71,31,.045);--srdce:#c8102e;
  --serif:'Fraunces',Georgia,serif;--sans:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;
  --spring: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);
  background:var(--pap);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;
  background-image:repeating-linear-gradient(0deg,transparent 0 31px,var(--mriz) 31px 32px)}
@media(prefers-color-scheme:dark){.ku{--t:#d9774a;--t2:#a3471f;--pap:#1b1411;--pap2:#241a15;--pap3:#2c211b;--ink:#f3e9dc;--sed:#b9a596;--lin:rgba(243,233,220,.14);--mriz:rgba(217,119,74,.05)}}
.ku a{color:inherit}
.ku-wrap{max-width:1080px;margin:0 auto;padding:22px max(16px,env(safe-area-inset-left,0px)) 120px max(16px,env(safe-area-inset-right,0px))}
.ku-wrap--uzky{max-width:720px}
@media(min-width:900px){.ku-wrap{padding-top:84px}}
/* hlavička sekce */
.ku-head{display:grid;grid-template-columns:1fr auto;gap:10px 18px;align-items:end;margin:0 0 22px;padding-right:44px}
@media(min-width:900px){.ku-head{padding-right:0}}
.ku-kick{grid-column:1/-1;font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sed)}
.ku-head h1{margin:0;font:500 clamp(40px,8vw,72px)/.98 var(--serif);letter-spacing:-.025em;text-wrap:balance}
.ku-head h1 em{font-style:italic;color:var(--t)}
.ku-head p{grid-column:1/-1;margin:2px 0 0;color:var(--sed);font-size:15px;max-width:62ch}
@media(max-width:560px){.ku-head{grid-template-columns:1fr}.ku-head .ku-jaz{justify-self:start}}
/* přepínač CZ / DE */
.ku-jaz{display:inline-grid;grid-template-columns:1fr 1fr;position:relative;background:var(--pap2);border:1px solid var(--lin);border-radius:999px;padding:3px;isolation:isolate}
.ku-jaz button{all:unset;position:relative;z-index:1;cursor:pointer;padding:7px 14px;font:600 12px/1 var(--sans);letter-spacing:.06em;text-align:center;color:var(--sed);border-radius:999px;transition:color .3s}
.ku-jaz button[aria-pressed=true]{color:#fff}
.ku-jaz::before{content:"";position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--t);transition:transform .6s var(--spring)}
.ku-jaz[data-l=de]::before{transform:translateX(100%)}
.ku-jaz button:focus-visible{outline:2px solid var(--t);outline-offset:2px}
/* nadpis oddílu */
.ku-sec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:38px 0 12px}
.ku-sec h2{margin:0;font:500 clamp(24px,3vw,30px)/1.15 var(--serif);letter-spacing:-.01em}
.ku-sec a{font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--t);text-decoration:none;white-space:nowrap}
/* kalendářový list (den, detail) */
.ku-list{background:var(--pap2);border:1px solid var(--lin);border-radius:16px;padding:24px 20px 20px;position:relative;box-shadow:0 14px 34px rgba(42,28,20,.08)}
.ku-list::before,.ku-list::after{content:"";position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;border:4px solid var(--krem);background:var(--t)}
.ku-list::before{left:22%}.ku-list::after{right:22%}
.ku-den{display:flex;align-items:baseline;gap:14px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.ku-den .n{font:500 clamp(68px,14vw,96px)/.82 var(--serif);letter-spacing:-.05em;color:var(--t);font-variant-numeric:tabular-nums}
.ku-den .t b{display:block;font:600 15px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.ku-den .t span{font-size:14px;color:var(--sed)}
.ku-den .r{margin-left:auto;font:500 clamp(24px,5vw,34px)/1 var(--serif);color:var(--t);font-variant-numeric:tabular-nums;text-align:right}
.ku-den .r small{display:block;font:400 11px/1.4 var(--mono);color:var(--sed);letter-spacing:.04em}
/* řádek akce */
.ku-ak{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:baseline;padding:13px 2px;border-bottom:1px solid var(--lin);text-decoration:none;color:inherit;transition:background .2s}
a.ku-ak:hover{background:color-mix(in srgb,var(--t) 6%,transparent)}
.ku-ak .c{font:500 18px/1 var(--serif);color:var(--t);font-variant-numeric:tabular-nums}
.ku-ak .c i{display:block;font:400 10px/1.4 var(--mono);color:var(--sed);font-style:normal;margin-top:4px;letter-spacing:.04em}
.ku-ak b{display:block;font:600 15.5px/1.3 var(--sans);text-wrap:pretty}
.ku-ak small{display:block;color:var(--sed);font-size:13px;margin-top:2px}
.ku-ak .s{font:400 16px/1 var(--mono);color:var(--t)}
.ku-ak .km{font:400 12px/1 var(--mono);color:var(--sed);white-space:nowrap}
.ku-zeme{display:inline-block;font:500 9px/1 var(--mono);letter-spacing:.08em;color:var(--t);border:1px solid currentColor;border-radius:3px;padding:2px 4px;vertical-align:2px;margin-left:6px}
/* tlačítka */
.ku-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:20px 0 4px}
.ku-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 14px;border-radius:999px;border:1px solid var(--lin);color:var(--ink);font:600 14px/1 var(--sans);cursor:pointer;text-align:center;transition:border-color .2s,background .2s,transform .4s var(--spring)}
.ku-btn:hover{border-color:var(--t)}.ku-btn:active{transform:scale(.97)}
.ku-btn--hl{background:var(--t);border-color:var(--t);color:#fff}.ku-btn--hl:hover{background:var(--t2);border-color:var(--t2)}
.ku-btn:focus-visible{outline:2px solid var(--t);outline-offset:2px}
.ku-zpet{display:inline-flex;gap:8px;align-items:center;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sed);text-decoration:none;border:1px solid var(--lin);border-radius:999px;padding:9px 14px}
.ku-zpet:hover{color:var(--t);border-color:var(--t)}
.ku-mut{font:400 12px/1.5 var(--mono);color:var(--sed);letter-spacing:.03em}
.ku-mapa{height:220px;border-radius:14px;overflow:hidden;margin-top:16px;border:1px solid var(--lin);background:var(--pap3)}
.ku-mapa .leaflet-tile-pane{filter:sepia(.35) saturate(.75)}
@media(prefers-color-scheme:dark){.ku-mapa .leaflet-tile-pane{filter:invert(.9) hue-rotate(180deg) sepia(.4) brightness(.8)}}
.ku-pin{width:14px;height:14px;border-radius:50%;background:var(--srdce);border:2px solid #fff;box-shadow:0 0 0 2px var(--t)}
.ku-plakat{margin-top:16px;border-radius:14px;overflow:hidden;border:1px solid var(--lin)}
.ku-plakat summary{cursor:pointer;list-style:none;padding:13px 16px;font:600 14px/1 var(--sans);display:flex;justify-content:space-between;align-items:center;background:var(--pap2)}
.ku-plakat summary::-webkit-details-marker{display:none}
.ku-plakat summary::after{content:"+";font:400 20px/1 var(--mono);color:var(--t);transition:transform .4s var(--spring)}
.ku-plakat[open] summary::after{transform:rotate(45deg)}
.ku-plakat img{display:block;width:100%;height:auto}
.ku-dny{display:flex;justify-content:space-between;gap:10px;margin-top:22px}
.ku-zn{margin-top:40px;font:500 13px/1 var(--sans);color:var(--sed)}.ku-zn b{color:var(--srdce)}
@media(prefers-reduced-motion:reduce){.ku *{transition:none!important;animation:none!important}}
