/* 1:1 z Wideo-explainer-wpis.html – style pojedynczego wideo (single-wideo.php). */

.vid-wrap{max-width:880px}
.vid-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:16px}
.vid-meta .pill{background:var(--navy);color:#fff;border-radius:100px;padding:5px 13px;font-size:11.5px;letter-spacing:.04em}
.vid-wrap h1{font-size:clamp(27px,3.6vw,42px);line-height:1.1;letter-spacing:-.03em;font-weight:800;color:var(--navy);max-width:20ch;margin-bottom:24px}
.player{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--blue-deep) 70%,var(--blue));box-shadow:var(--shadow);display:grid;place-items:center;cursor:pointer}
.player::after{content:"";position:absolute;right:-80px;top:-70px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(245,166,35,.4),transparent 62%)}
.player .play{position:relative;z-index:2;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;box-shadow:0 16px 40px -12px rgba(0,0,0,.55);transition:transform .25s}
.player:hover .play{transform:scale(1.08)}
.player .play svg{width:32px;height:32px;color:var(--blue-deep);margin-left:5px}
.player .vlabel{position:absolute;left:18px;bottom:16px;z-index:2;font-size:12px;font-weight:700;color:#fff;background:rgba(0,0,0,.3);padding:6px 13px;border-radius:100px}
/* Osadzenie wideo (wp_oembed_get / iframe) – responsywne 16:9 wewnątrz .player */
.player .vid-embed{position:absolute;inset:0;z-index:3}
.player .vid-embed iframe,.player .vid-embed video,.player .vid-embed embed,.player .vid-embed object{width:100%;height:100%;border:0;display:block}
.vid-body{max-width:680px;margin-top:44px}
.vid-body p{font-size:17px;line-height:1.72;color:var(--ink);margin-bottom:18px}
.vid-body p b{font-weight:700}
.vid-body h2{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin:34px 0 14px}
.keypts{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0}
.keypts li{display:flex;gap:12px;font-size:16px;color:var(--ink);line-height:1.5}
.keypts li::before{content:"";flex:none;width:10px;height:10px;margin-top:6px;background:var(--orange);border-radius:2px}