/* WooBee — podstránky funkcí a ukázky (třídy ex-*) + přehled funkcí */
.stav-in{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:0;line-height:1;padding:7px 10px;border:1px solid;white-space:nowrap;vertical-align:middle;font-family:var(--f)}
.stav-in::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.stav-in.dostupne{background:#E7F4EC;border-color:#A9D5B8;color:#1F7A45}
.stav-in.vyvoj{background:var(--paper);border-color:var(--line-2,#DDDAD3);color:var(--muted)}
.stav-in.castecne{background:var(--gold-soft);border-color:#F2CF8A;color:#8A5A00}
section.fx-sec{padding:48px 0}
.fx-detail + *{margin-top:0}
.fx-hero .eyebrow a{color:inherit;text-decoration:none;border-bottom:2px solid var(--gold)}
.fx-status{margin-top:18px}
.fx-detail .post-content h2{margin-top:36px}
.fx-detail .post-content h2:first-child{margin-top:0}
.fx-sec{padding-top:40px}
.fx-head{text-align:center;max-width:760px;margin:0 auto 28px}
.fx-head h2{font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.25;margin-top:8px}
.fx-end{display:flex;flex-direction:column;gap:40px}
.fx-cta{background:var(--paper);border:1px solid var(--line);padding:32px}
.fx-cta.ok{background:#FFF8EA;border-color:var(--gold)}
.fx-cta h2{font-size:1.5rem;line-height:1.3;margin:14px 0 10px}
.fx-cta p{color:var(--muted)}
.fx-cta .fx-btns{margin-top:20px}
.fx-cta .inline-form{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}
.fx-cta .inline-form input{flex:1 1 220px;min-height:48px;padding:0 14px;border:1px solid var(--line-2,#DDDAD3);font:inherit}
.fx-more h2{font-size:1.1rem;margin-bottom:12px}
.fx-others{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.fx-others a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:.95rem}
.fx-others a:hover span:first-child{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.fx-others .stav-in{font-size:.6875rem;padding:4px 7px;flex-shrink:0}
.fx-more .post-back{margin-top:18px}
@media(max-width:960px){.fx-others{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.fx-others{grid-template-columns:1fr}}
.fx-cta{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 32px;align-items:center}.fx-cta > .stav-in{grid-column:1;justify-self:start}.fx-cta h2,.fx-cta > p:not(.fx-btns){grid-column:1}.fx-cta .fx-btns,.fx-cta .inline-form{grid-column:2;grid-row:1/span 3;margin:0}
@media(max-width:860px){.fx-cta{grid-template-columns:1fr}.fx-cta .fx-btns,.fx-cta .inline-form{grid-column:1;grid-row:auto}}

/* ---------- ukázky ---------- */
.ex{--exl:#E6E3DC;background:var(--paper,#FBF8F1);border:1px solid var(--line,#EBE9E4);padding:clamp(14px,3vw,32px);font-size:.95rem;line-height:1.6;color:var(--ink,#191918);max-width:1080px;margin:0 auto}
.ex p{margin:0 0 10px}
.ex ul,.ex ol{margin:0 0 10px;padding-inline-start:22px}
.ex li{margin-bottom:4px}
.ex img{display:block;max-width:100%;height:auto}
.ex table{width:100%;border-collapse:collapse;background:#fff;margin:0 0 12px;font-size:.875rem}
.ex th,.ex td{text-align:start;padding:9px 10px;border-bottom:1px solid var(--exl);vertical-align:top}
.ex th{font-weight:700;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:#FAF9F6}
.ex > *:last-child{margin-bottom:0}
.ex-ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:14px}
.ex-col{background:#fff;border:1px solid var(--exl);padding:18px;min-width:0}
.ex-before{opacity:.92}
.ex-after{border-color:var(--gold);box-shadow:0 10px 30px -18px rgba(184,116,26,.55)}
.ex-lbl{font-size:.72rem!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px!important}
.ex-after > .ex-lbl{color:var(--gold-dark,#B8741A)}
.ex-card{background:#fff;border:1px solid var(--exl);padding:14px 16px;margin-bottom:12px}
.ex-card > *:last-child,.ex-col > *:last-child{margin-bottom:0}
.ex-meta{font-size:.8rem!important;color:var(--muted)}
.ex-img{margin:0 0 12px;background:#fff}
.ex-img img{width:100%;border:1px solid var(--exl)}
.ex-col .ex-img + .ex-img{margin-top:10px}
.ex-chat,.ex-phone{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.ex-phone{max-width:360px;margin-inline:auto;background:#F2F0EB;border:8px solid #1d1d1b;border-radius:26px;padding:18px 12px}
.ex-msg{max-width:85%;padding:9px 12px!important;margin:0!important;background:#fff;border:1px solid var(--exl);border-radius:12px 12px 12px 3px;font-size:.9rem}
.ex-msg.ex-out{align-self:flex-end;background:#FFF1D6;border-color:#F4D08F;border-radius:12px 12px 3px 12px}
.ex-who{display:block;font-size:.72rem;font-weight:700;color:var(--muted);margin-bottom:2px}
.ex-mail{background:#fff;border:1px solid var(--exl);margin-bottom:12px}
.ex-mail-h{padding:12px 16px!important;margin:0!important;border-bottom:1px solid var(--exl);background:#FAF9F6;font-size:.9rem}
.ex-mail-h span{color:var(--muted);font-size:.8rem}
.ex-mail-b{padding:14px 16px}
.ex-mail-b > *:last-child{margin-bottom:0}
.ex-serp{background:#fff;border:1px solid var(--exl);padding:14px 16px;margin-bottom:12px;font-family:Arial,Helvetica,sans-serif}
.ex-serp p{margin:0 0 3px}
.ex-serp-url{font-size:.8rem;color:#4d5156}
.ex-serp-t{font-size:1.15rem;color:#1a0dab;line-height:1.3}
.ex-serp-d{font-size:.875rem;color:#4d5156}
.ex-ad{font-weight:700;color:#202124;margin-inline-end:6px}
.ex-post{background:#fff;border:1px solid var(--exl);padding:14px;margin-bottom:12px;max-width:520px}
.ex-ba .ex-post{max-width:none}
.ex-post-h{display:flex;flex-direction:column;font-size:.9rem}
.ex-post-h span{font-size:.75rem;color:var(--muted)}
.ex-post .ex-img{margin:10px -14px 0}
.ex-post .ex-img img{border-inline:0}
.ex-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.ex-kpi{background:#fff;border:1px solid var(--exl);padding:12px 14px!important;margin:0!important;display:flex;flex-direction:column;gap:2px}
.ex-kpi span:first-child{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.ex-kpi b{font-family:var(--display,inherit);font-size:1.35rem;line-height:1.2}
.ex-up{color:#23703A;font-size:.8rem;font-weight:700}
.ex-down{color:#B42318;font-size:.8rem;font-weight:700}
.ex-bar{height:10px;background:#EBE8E1;margin:4px 0 12px!important;overflow:hidden;font-size:0;line-height:0}
.ex-bar span{display:block;height:100%;background:var(--gold,#F4A527)}
.ex-doc{background:#fff;border:1px solid var(--exl);padding:22px 24px;margin-bottom:12px;font-family:Georgia,'Times New Roman',serif;font-size:.92rem;box-shadow:0 12px 30px -24px #0006}
.ex-doc-t{font-family:var(--display,inherit);font-weight:800;font-size:1.05rem;margin-bottom:12px!important}
.ex-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:12px}
.ex-colk{background:#F1EEE7;padding:10px;min-width:0}
.ex-colk .ex-card{padding:10px 12px;font-size:.875rem;margin-bottom:8px}
.ex-tag{display:inline-block;font-size:.72rem;font-weight:700;line-height:1.4;padding:2px 8px;margin:0 4px 4px 0;background:#EDEAE3;color:#3d3c39;vertical-align:middle}
.ex-tag.ex-ok{background:#E7F4EA;color:#23703A}
.ex-tag.ex-warn{background:#FFF0D6;color:#8A5A00}
.ex-tag.ex-bad{background:#FDE8E7;color:#B42318}
.ex-video{position:relative;margin-bottom:12px;background:#111}
.ex-video .ex-img{margin:0}
.ex-video .ex-img img{border:0;opacity:.92}
.ex-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:24px;color:#191918;padding-inline-start:4px}
.ex-cap{position:absolute;left:12px;right:12px;bottom:12px;margin:0!important;background:rgba(0,0,0,.72);color:#fff;padding:8px 12px!important;font-size:.9rem;text-align:center}
.ex-flow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;counter-reset:exs}
.ex-step{flex:1 1 150px;background:#fff;border:1px solid var(--exl);padding:10px 12px!important;margin:0!important;font-size:.875rem;position:relative}
.ex-step b:first-child{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--gold,#F4A527);color:#191918;font-size:.75rem;margin-inline-end:6px}
.ex-note{margin:14px 0 0!important;font-size:.875rem;color:var(--muted);border-inline-start:3px solid var(--gold,#F4A527);padding-inline-start:12px}
@media(max-width:720px){.ex-ba{grid-template-columns:1fr}.ex-doc{padding:16px}}

/* ---------- přehled funkcí (stránka Funkce) ---------- */
.sv-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.sv-filter button{font:600 .875rem var(--f);padding:10px 14px;min-height:44px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink)}
.sv-filter button.on{background:var(--gold);border-color:var(--gold)}
.sv-grp li.sv-f{padding:0;display:block}
.sv-grp li.sv-f > a{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:10px 0;text-decoration:none;color:inherit}
.sv-grp li.sv-f > a:hover b{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.sv-f-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sv-grp li.sv-f .stav-in{font-size:.65rem;padding:4px 6px;flex-shrink:0;margin-top:2px}
.sv-f-more{font-size:.8rem;color:var(--gold-dark,#B8741A);font-weight:600}
.sv-grp li[hidden]{display:none}
.sv-leg-t{color:var(--muted);margin:-8px 0 16px;font-size:.95rem}
.ex-col:has(> .ex-img + .ex-img){display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.ex-col:has(> .ex-img + .ex-img) > :not(.ex-img){grid-column:1/-1}
.ex-col:has(> .ex-img + .ex-img) > .ex-img{margin:0}
.ex-ba:has(.ex-after > .ex-img + .ex-img){grid-template-columns:minmax(0,1fr) minmax(0,2fr)}