/* Příběh Obce Semněvice: šalvěj a růže z webu obce, motivem je náves a plán vsi */
.ob{--bg:#eef0e4;--bg-soft:#e3e7d6;--ink:#1e2a20;--ink-2:#56624f;--ink-3:#8a9582;--line:rgba(30,42,32,.12);--line-strong:rgba(30,42,32,.24);--mint:#b45555;--mint-ink:#9a4141;--marker:rgba(180,85,85,.28);--glow:rgba(133,153,120,.26);--glow-2:rgba(180,85,85,.1);--dot:rgba(30,42,32,.14);--card:#fbfaf3;--card-2:#e7eadb;--a-bar:#e7eadb;--a-line:rgba(30,42,32,.1);--a-ink:#1e2a20;--a-mute:#5f6b58;--a-dim:#a3ad9b;--a-on-accent:#fff;--wc-ink:#1e2a20;--les:#27332a;--sl:#68785d;background:var(--bg)}
.ob :is(.cs-big,.sv-h2) em{background:none;font-style:normal;color:var(--mint-ink)}
.ob .sv-fx{z-index:0}
.ob>section{position:relative;z-index:1}

/* ── Úvod ── */
.ob-hero::after{background:linear-gradient(180deg,rgba(18,28,20,.5) 0,rgba(18,28,20,.08) 20%,rgba(18,28,20,.5) 50%,rgba(18,28,20,.9) 100%)}
.ob-hero .cs-hero-i{object-position:50% 55%}
.ob .cs-h1{font-size:clamp(2.45rem,1.1rem + 5.2vw,5.6rem)}
.ob-hero .cs-h1 .ln:nth-child(2){color:#f6d8c9}
.ob-hero{padding-bottom:clamp(48px,6vw,84px)}
.ob-vy{position:absolute;right:clamp(16px,4.6vw,72px);bottom:clamp(48px,6vw,84px);z-index:1;display:flex;align-items:center;gap:11px;margin:0;padding:11px 16px 11px 13px;border-radius:16px;background:rgba(251,250,243,.94);color:var(--ink);font:500 11.5px/1.2 var(--f-mono);box-shadow:0 22px 40px -22px rgba(0,0,0,.7);animation:svFade .5s var(--ease) .5s backwards}
.ob-vy b{display:block;margin-top:3px;font:600 14.5px/1.2 var(--f-body)}
.ob-vy i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(180,85,85,.2)}

/* ── Web v akci: hlavička webu obce neplave, proto bez výřezu ── */
.sv-page.sv-js.ob .cs-sc{height:calc(var(--vh)*2.5)}

/* ── Výzva ── */
.ob .cs-in{padding-bottom:clamp(40px,5vw,72px)}
.ob-po{margin:12px 0 0;font:400 13px/1.3 var(--f-body);color:var(--ink-3)}

/* ── Náves ── */
.ob-nv{--vh:100vh;height:calc(var(--vh)*5.4)}
@supports (height:100svh){.ob-nv{--vh:100svh}}
.ob-nv-st{position:sticky;top:0;height:var(--vh);padding:clamp(8px,1vw,14px)}
.ob-sc{position:relative;height:100%;overflow:hidden;border-radius:clamp(22px,3vw,36px);background:#3b4630;--m:0;--kx:46%;--ky:50%}
.ob-cam{position:absolute;left:0;top:0;transform-origin:0 0;transition:transform 1.25s var(--ease-io)}
.ob-ort,.ob-m{position:absolute;left:0;top:0;display:block;width:100%;height:100%}
.ob-ort{object-fit:cover}
.ob-m{clip-path:circle(calc(var(--m)*130%) at var(--kx) var(--ky))}
.ob-m .pz{fill:#e7e4c9}
.ob-m .po{fill:#e4d09d}
.ob-m .vz{stroke:#cdb377;stroke-width:1}
.ob-m .lu{fill:#c9d39e}
.ob-m .vt{fill:#94a96f}
.ob-m .zs{fill:#efe9d4}
.ob-m .le{fill:#74915f}
.ob-m .hr{fill:#b3bf95}
.ob-m .vo{fill:#86c0b6}
.ob-m .pt{fill:none;stroke:#86c0b6;stroke-width:3;stroke-linecap:round}
.ob-m .si path{fill:none;stroke:#fdfbf2;stroke-linecap:round;stroke-linejoin:round}
.ob-m .si .s1{stroke-width:11}
.ob-m .si .s2{stroke-width:8}
.ob-m .si .s3{stroke-width:5.5}
.ob-m .si .s4{stroke-width:3;stroke-dasharray:7 8}
.ob-m .st{fill:#4b2a22;opacity:.26}
.ob-m .do{fill:#b4553f}
.ob-pins{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s ease}
.ob-sc.is-mapa .ob-pins{opacity:1}
.ob-pin{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px;padding:6px;border:0;background:none;color:var(--ink);cursor:pointer;pointer-events:auto;transform:translate3d(var(--x,0),var(--y,0),0) translate(-14px,-50%);transition:transform 1.25s var(--ease-io)}
.ob-pin i{flex:none;display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--mint),0 6px 12px -4px rgba(30,42,32,.6);transition:transform .3s var(--ease),background .2s}
.ob-pin span{padding:5px 9px;border-radius:9px;background:rgba(251,250,243,.94);font:600 12.5px/1 var(--f-body);white-space:nowrap;box-shadow:0 8px 14px -10px rgba(30,42,32,.6);transition:background .2s,color .2s}
.ob-pin.on i{background:var(--mint);transform:scale(1.35);box-shadow:0 0 0 2px #fff,0 0 0 9px rgba(180,85,85,.3)}
.ob-pin.on span{background:var(--mint);color:#fff}
.ob-pin:focus-visible{outline:2px solid #fff;outline-offset:1px;border-radius:12px}
.ob-pan{position:absolute;left:clamp(12px,1.8vw,26px);bottom:clamp(12px,1.8vw,26px);z-index:2;display:grid;width:min(430px,38%);padding:clamp(18px,2.2vw,30px);border-radius:clamp(18px,2vw,26px);background:#fbfaf3;box-shadow:0 34px 60px -34px rgba(20,30,20,.75)}
.ob-pan-i,.ob-st>li{grid-area:1/1;transition:opacity .34s ease,transform .5s var(--ease)}
.ob-st{display:contents}
.ob-st>li{opacity:0;transform:translateY(12px);pointer-events:none}
.ob-st>li.on{opacity:1;transform:none;pointer-events:auto}
.ob-sc:not([data-st="0"]) .ob-pan-i{opacity:0;transform:translateY(-10px);pointer-events:none}
.ob-pan .sv-h2{font-size:clamp(1.75rem,1.05rem + 1.7vw,2.6rem)}
.ob-pan .sv-tx{margin-top:12px}
.ob-st small{display:block;font:500 12px/1 var(--f-mono);color:var(--mint-ink)}
.ob .ob-st .sv-h3{margin-top:10px;font-size:clamp(1.4rem,1.05rem + .9vw,1.95rem)}
.ob-st ul{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.ob-st ul li{padding:6px 10px;border-radius:999px;background:var(--bg);font:500 13px/1 var(--f-body);color:var(--ink)}
.ob-pg{display:flex;gap:5px;margin:16px 0 0;opacity:0;transition:opacity .3s}
.ob-sc:not([data-st="0"]) .ob-pg{opacity:1}
.ob-pg i{flex:1 1 0;height:3px;border-radius:3px;background:var(--line);transition:background .25s}
.ob-pg i.on{background:var(--mint)}
.ob-cr{position:absolute;right:12px;bottom:8px;z-index:2;margin:0;padding:3px 8px;border-radius:7px;background:rgba(251,250,243,.8);font:400 11px/1.2 var(--f-body);color:var(--ink-2)}
.ob-cr a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* ── Úřední deska ── */
.ob-ds{padding-bottom:clamp(56px,7vw,104px)}
.ob-ds-g{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(10px,1.4vw,18px);margin-top:clamp(24px,3vw,44px)}
.ob-fm{background:var(--card)}
.ob-fm-i{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:clamp(14px,1.7vw,22px)}
.ob-fm label{display:block;min-width:0;font:500 12.5px/1.2 var(--f-body);color:var(--ink-2)}
.ob-fm label.c{grid-column:1/-1}
.ob-fm label>span{display:block;margin-bottom:5px}
.ob-fm input:not([type=checkbox]),.ob-fm select{display:block;width:100%;height:42px;padding:0 11px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);font:500 15px/1 var(--f-body);outline:0;transition:border-color .15s,box-shadow .15s}
.ob-fm input:focus-visible,.ob-fm select:focus-visible{border-color:var(--mint);box-shadow:0 0 0 3px var(--marker)}
.ob-fm label.k{position:relative;display:flex;align-items:center;gap:10px;min-height:32px;cursor:pointer;color:var(--ink);font-size:14.5px}
.ob-fm label.k>span{margin:0}
.ob-fm label.k input{position:absolute;opacity:0;width:38px;height:22px;margin:0;cursor:pointer}
.ob-fm label.k i{flex:none;position:relative;width:38px;height:22px;border-radius:999px;background:var(--a-dim);transition:background .2s}
.ob-fm label.k i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.25);transition:transform .22s var(--ease)}
.ob-fm label.k input:checked+i{background:var(--mint)}
.ob-fm label.k input:checked+i::after{transform:translateX(16px)}
.ob-fm label.k input:focus-visible+i{box-shadow:0 0 0 3px var(--marker)}
.ob-fm label.vyp{opacity:.4}
.ob-vv{display:flex;flex-direction:column;min-width:0;padding:clamp(14px,1.7vw,22px);border-radius:18px;background:radial-gradient(90% 90% at 80% 0,#3a4a3c,var(--les) 70%);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),var(--win-shadow)}
.ob-vv-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;font:600 clamp(17px,.95rem + .4vw,20px)/1.2 var(--f-body)}
.ob-vv-h span{font:500 12.5px/1 var(--f-mono);color:rgba(255,255,255,.72);white-space:nowrap}
.ob-vv-l{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(112px,1fr);gap:10px;margin:14px 0 0;padding:0;list-style:none}
.ob-vv-l>li{min-width:0;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.ob-vv-l>li>div{position:relative;display:flex;flex-direction:column;height:100%;min-width:0;padding:14px 13px 12px;border-radius:6px;background:#fbfaf3;color:var(--ink);box-shadow:0 12px 18px -14px rgba(0,0,0,.8);opacity:0;transform:translateY(-14px) rotate(-1.6deg);transition:opacity .28s ease,transform .46s var(--ease)}
.ob-vv-l>li:nth-child(even)>div{transform:translateY(-14px) rotate(1.2deg)}
.ob-vv-l>li.v>div{opacity:1;transform:none}
.ob-vv-l>li>div::before{content:"";position:absolute;left:50%;top:-5px;width:11px;height:11px;margin-left:-5px;border-radius:50%;background:var(--mint);box-shadow:0 2px 3px rgba(0,0,0,.4)}
.ob-vv-l .ty{box-shadow:0 0 0 2px var(--mint),0 12px 18px -14px rgba(0,0,0,.8)}
.ob-vv-l small{font:500 11px/1.25 var(--f-mono);color:var(--mint-ink)}
.ob-vv-l em{margin-top:4px;font:400 12px/1.25 var(--f-body);font-style:normal;color:var(--ink-2)}
.ob-vv-l strong{margin-top:auto;padding-top:8px;overflow-wrap:anywhere;font:600 clamp(14px,.85rem + .15vw,15.5px)/1.22 var(--f-body)}
.ob-vv-s{min-height:2.7em;margin:12px 0 0;font:400 13.5px/1.35 var(--f-body);color:rgba(255,255,255,.82)}
.ob-ms{display:flex;align-items:center;gap:10px;margin-top:clamp(10px,1.4vw,18px)}
.ob-ms-p{flex:none;position:relative;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--ink);cursor:pointer;transition:background .2s}
.ob-ms-p:hover{background:var(--mint)}
.ob-ms-p i{position:absolute;left:16px;top:14px;width:12px;height:16px;border-style:solid;border-color:#fff;border-width:0 4px;box-sizing:border-box}
.ob-ms-p[aria-pressed="false"] i{left:18px;width:0;height:0;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #fff}
.ob-ms-w{position:relative;flex:1;min-width:0;height:44px}
.ob-ms-d{position:absolute;inset:0;display:grid;grid-template-columns:repeat(31,minmax(0,1fr));gap:2px}
.ob-ms-d b{display:grid;place-items:center;border-radius:5px;background:var(--bg-soft);font:500 11px/1 var(--f-mono);color:var(--ink-2);transition:background .18s,color .18s}
.ob-ms-d b.v{background:var(--marker);color:var(--mint-ink)}
.ob-ms-d b.kr{background:var(--mint);color:#fff}
.ob-ms-d b.dn{background:var(--ink);color:#fff}
.ob-ms-r{position:absolute;inset:0;width:100%;height:100%;margin:0;background:none;opacity:0;cursor:ew-resize}
.ob-ms-r:focus-visible{opacity:.01}
.ob-ms-w:has(.ob-ms-r:focus-visible){outline:2px solid var(--mint-ink);outline-offset:2px;border-radius:7px}
.ob-ds-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px clamp(16px,3vw,40px);margin:clamp(20px,2.6vw,34px) 0 0;padding:0;list-style:none;font:500 15px/1.35 var(--f-body);color:var(--ink)}
.ob-ds-f li{display:flex;align-items:flex-start;gap:10px}
.ob-ds-f .ok{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--mint);color:#fff}
.ob-ds-f svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* ── Pro seniory ── */
.ob-se{margin:0 clamp(8px,1vw,14px);padding:clamp(44px,6vw,92px) 0;overflow:hidden;border-radius:clamp(22px,3vw,36px);background:radial-gradient(70% 90% at 78% 40%,#3b4d3e,var(--les) 72%);color:#fff}
.ob-se-g{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(20px,4vw,64px)}
.ob .ob-se .sv-h2{color:#fff;font-size:clamp(1.85rem,1.05rem + 2vw,2.85rem)}
.ob .ob-se .sv-h2 em{color:#f0bcae}
.ob-se .sv-tx{margin-top:14px;color:rgba(255,255,255,.78)}
.ob-sw{display:inline-flex;gap:4px;margin-top:22px;padding:5px;border-radius:999px;background:rgba(255,255,255,.1)}
.ob-sw button{height:42px;padding:0 18px;border:0;border-radius:999px;background:none;color:rgba(255,255,255,.8);font:600 14.5px/1 var(--f-body);cursor:pointer;transition:background .2s,color .2s}
.ob-sw button[aria-pressed="true"]{background:#fff;color:var(--mint-ink)}
.ob-sw button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ob-sn{background:var(--card)}
.ob-sn-o{position:relative;aspect-ratio:1600/1000;overflow:hidden;background:#fff}
.ob-sn-o picture{display:contents}
.ob-sn-o img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .6s var(--ease),filter .4s}
.ob-sn.sn .ob-sn-o img{transform:scale(1.04);filter:blur(2px)}
.ob-sn-z{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:linear-gradient(rgba(36,48,38,.68),rgba(36,48,38,.8)),url(/assets/imgs/works/full/semnevice.jpg) 50% 50%/cover;color:#fff;text-align:center;opacity:0;visibility:hidden;transition:opacity .34s ease,visibility 0s .34s}
.ob-sn.sn .ob-sn-z{opacity:1;visibility:visible;transition:opacity .34s ease}
.ob-sn-l{align-self:stretch;margin:0;padding:7px;background:var(--mint);font:600 clamp(11px,.6rem + .4vw,14px)/1 var(--f-body)}
.ob-sn-v{margin:clamp(10px,1.6cqi,20px) 12px 0;font:700 clamp(14px,.7rem + .7vw,21px)/1.15 var(--f-body)}
.ob-sn-k{flex:1;display:flex;flex-direction:column;align-items:center;align-self:stretch;min-height:0;margin:clamp(8px,1vw,14px) clamp(10px,3vw,40px) clamp(10px,1.8vw,22px);padding:clamp(8px,1.2vw,16px);border-radius:10px;background:rgba(0,0,0,.26)}
.ob-sn-k>b{font:700 clamp(15px,.75rem + .8vw,22px)/1 var(--f-body)}
.ob-sn-k ul{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,.7vw,10px);width:100%;min-height:0;margin:clamp(6px,.9vw,12px) 0 0;padding:0;list-style:none}
.ob-sn-k li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(3px,.5vw,8px);min-height:0;padding:4px;border:2px solid var(--mint);border-radius:5px;background:#fff;color:var(--ink);font:700 clamp(10.5px,.5rem + .42vw,14.5px)/1.12 var(--f-body);opacity:0;transform:translateY(8px) scale(.97)}
.ob-sn.sn .ob-sn-k li{opacity:1;transform:none;transition:opacity .3s ease calc(.12s + var(--i)*45ms),transform .5s var(--ease) calc(.12s + var(--i)*45ms)}
.ob-sn-k li i{display:grid;place-items:center;width:clamp(22px,2.5vw,36px);height:clamp(22px,2.5vw,36px);border-radius:50%;background:var(--mint);color:#fff}
.ob-sn-k li svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ── Závěr ── */
.ob .cs-do{padding-top:clamp(56px,7vw,104px)}

/* ── Telefony a tablety ── */
@media (max-width:1199.98px){.ob-pan{width:min(400px,44%)}
.ob-se-g{grid-template-columns:minmax(0,1fr)}
.ob-se-t{max-width:640px}}
@media (max-width:991.98px){.ob-vy{display:none}
.ob-pan{left:10px;right:10px;bottom:10px;width:auto;padding:16px 18px}
.ob-cr{right:auto;left:18px;top:12px;bottom:auto}
.ob-ds-g{grid-template-columns:minmax(0,1fr)}
.ob-vv-l{grid-auto-rows:minmax(118px,auto)}
.ob-ds-f{grid-template-columns:minmax(0,1fr)}
.ob-ms-d b{font-size:0}
.ob-ms-d b:is(:first-child,:nth-child(10),:nth-child(20),:last-child){font-size:9.5px}
.ob-ms-d{gap:1px}}
@media (max-width:767.98px){.ob-pan .sv-h2{font-size:1.65rem}
.ob-pan .sv-tx{margin-top:8px;font-size:15px;line-height:1.45}
.ob .ob-st .sv-h3{margin-top:7px;font-size:1.3rem}
.ob-st ul{margin-top:9px}
.ob-st ul li{padding:5px 9px;font-size:12px}
.ob-pg{margin-top:11px}
.ob-pin span{font-size:12px;padding:4px 8px}
.ob-pin:not(.on) span{display:none}
.ob-fm-i{gap:10px}
.ob-sn-k ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.ob-sn-k li{flex-direction:row;justify-content:flex-start;padding:3px 6px;text-align:left}
.ob-sn-v{display:none}
.ob-sn-k{margin-top:6px}
.ob-sn-o{aspect-ratio:1/1}
.ob-se{padding-bottom:26px}}
@media (max-height:560px) and (orientation:landscape){.ob-pan{top:8px;bottom:8px;left:8px;right:auto;width:44%;overflow:hidden;padding:12px 14px;align-content:center}
.ob-cr{left:auto;right:12px;top:auto;bottom:8px}
.ob-pan .sv-h2{font-size:1.35rem}
.ob-pan .sv-tx{font-size:13.5px;line-height:1.35}
.ob-st ul{margin-top:6px}
.ob-pg{margin-top:6px}}
.sv-page:not(.sv-js) .ob-ms,.sv-page:not(.sv-js) .ob-sw{display:none}
.sv-page:not(.sv-js) .ob-vv-l>li>div{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.sv-page.sv-js.ob .cs-sc{height:auto}
.sv-page.sv-js [data-in] :is(.ob-ms-r,.ob-fm label.k input,.ob-vv-l>li:not(.v)>div){opacity:0}
.sv-page.sv-js [data-in] .ob-fm label.vyp{opacity:.4}
.ob-nv{height:auto}
.ob-nv-st{position:static;height:auto}
.ob-sc{height:auto;overflow:visible;background:none}
.ob-cam{position:relative;width:100%;height:clamp(320px,56vw,720px);overflow:hidden;border-radius:clamp(22px,3vw,36px)}
.ob-m{clip-path:none}
.ob-pins{top:0;bottom:auto;height:clamp(320px,56vw,720px);opacity:1}
.ob-pan{position:static;display:block;width:auto;margin-top:12px;box-shadow:none}
.ob-st{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:24px}
.ob-pan-i,.ob-st>li{grid-area:auto}
.ob-st>li,.ob-sc:not([data-st="0"]) .ob-pan-i{opacity:1;transform:none;pointer-events:auto}
.ob-pg{display:none}
.ob-cr{position:static;display:inline-block;margin-top:8px}}