/* =========================================================================
   Stránka Webináře – videonávody (js/webinare.js)
   ========================================================================= */
.phero .scene.wb-stage{aspect-ratio:auto;display:flex;flex-direction:column;gap:14px;justify-content:center}
.wb-stage .wb-fac,.wb-stage .wb-ifr{border-radius:22px;box-shadow:var(--shadow);border:6px solid #0d2832}
.wb-cap small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green2)}
.wb-cap b{font-family:Quicksand,sans-serif;font-size:20px;color:var(--ink)}
.wb-fac{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:16px;overflow:hidden;background:#0d2832;cursor:pointer}
.wb-fac img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.wb-fac:hover img{transform:scale(1.04)}
.wb-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--green);display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(0,0,0,.6);transition:transform .2s}
.wb-fac.big .wb-play{width:82px;height:82px;margin:-41px 0 0 -41px}
.wb-play svg{width:30px;height:30px;fill:#fff;margin-left:4px}
.wb-fac:hover .wb-play{transform:scale(1.1)}
.wb-ifr{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#000;display:block}
.wb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wb-c{display:flex;flex-direction:column;gap:12px;padding:12px 12px 18px;border-radius:22px;background:var(--card);border:1px solid var(--line)}
.wb-t{padding:0 6px}
.wb-t b{display:block;color:var(--ink);font-size:16px;line-height:1.35}
.wb-t span{font-size:14px;color:var(--muted)}
.wb-src{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:30px 34px;border-radius:26px;background:var(--teal);color:#fff}
.wb-src b{display:block;font-family:Quicksand,sans-serif;font-size:22px}
.wb-src span{color:rgba(255,255,255,.8)}
.wb-src .btns{display:flex;gap:10px;flex-wrap:wrap}
html.night .wb-src{background:var(--card);border:1px solid var(--line)}
/* karty témat */
.wb-karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.wb-k{display:flex;flex-direction:column;gap:6px;padding:22px 22px 20px;border-radius:22px;background:var(--card);border:1px solid var(--line);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.wb-k:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:var(--shadow)}
.wb-ki{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--mint);color:var(--green2);margin-bottom:6px}.wb-ki svg{width:22px;height:22px}
.wb-k b{font-family:Quicksand,sans-serif;font-size:20px;color:var(--ink)}
.wb-k span{font-size:14px;color:var(--muted)}
.wb-k em{margin-top:auto;padding-top:8px;font-style:normal;font-size:13px;font-weight:700;color:var(--green2)}
html.night .wb-k em{color:var(--green3)}
.wb-zdroj{margin-top:14px}
/* zatím bez videí: „Připravujeme“ */
.wb-k.wb-soon{max-width:520px}
.wb-k.wb-soon:hover{transform:none;box-shadow:none;border-color:var(--line)}
.wb-soon-hero{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;border:6px solid #0d2832;box-shadow:var(--shadow);background:linear-gradient(135deg,#0d2832,#0b465d 60%,#14607d)}
.wb-soon-hero .wb-play{background:rgba(255,255,255,.14);box-shadow:none;width:82px;height:82px;margin:-41px 0 0 -41px}
.wb-odk{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
@media (max-width:1000px){.wb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wb-grid{grid-template-columns:1fr}.wb-src{padding:24px}}