/* Films van Klusio (24-10-2026): includes/klusio-film.php. Poster met eigen afspeelknop, hoek linksonder recht. */
.kf{margin:0;padding:0}
.kf-media{position:relative;border-radius:18px 18px 18px 0;overflow:hidden;background:#4285f4;box-shadow:0 30px 70px -50px rgba(15,23,42,.5)}
.kf-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#4285f4;border:0}
.kf-play{position:absolute;left:4.5%;bottom:9%;display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:8px 20px 8px 8px;border:1px solid #dbe5f5;border-radius:16px 16px 16px 0;background:#fff;color:#0f172a;font:inherit;font-size:16px;font-weight:700;line-height:1.2;cursor:pointer;transition:transform .2s ease,border-color .2s ease}
.kf-play:hover{transform:scale(1.03);transform-origin:left bottom;border-color:#9fbcf0}
.kf-play:focus-visible{outline:3px solid #aac5f4;outline-offset:3px}
.kf-play[hidden]{display:none}
.kf-play-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px 12px 12px 0;background:#4285f4;color:#fff;flex:none}
.kf-play-icon i,.kf-play-icon svg{width:18px;height:18px}
.kf-play small{color:#64748b;font-size:13px;font-weight:600}
.kf.is-playing .kf-play{display:none}
.kf figcaption{margin-top:12px;font-size:.88rem;line-height:1.6;color:#64748b}
.kf figcaption strong{color:#17213b}
.kf figcaption a{color:#245bba}
/* Op een donkere achtergrond */
.kf--donker figcaption{color:rgba(226,232,240,.78)}
.kf--donker figcaption strong{color:#fff}
.kf--donker figcaption a{color:#a8ccff}
@media(max-width:760px){
 /* Op een kleine poster alleen het pictogram met de duur; de tekst blijft voor schermlezers. */
 .kf-media{border-radius:14px 14px 14px 0}
 .kf-play{left:10px;bottom:10px;min-height:44px;padding:5px 12px 5px 5px;gap:8px;border-radius:12px 12px 12px 0}
 .kf-play-icon{width:34px;height:34px;border-radius:10px 10px 10px 0}
 .kf-play-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .kf-play small{font-size:12px;color:#0f172a}
}
@media(prefers-reduced-motion:reduce){.kf-play,.kf-play:hover{transition:none;transform:none}}