/* Trailer di YouTube «a richiesta» (A-136, js/trailer.js): riquadro 16:9 che diventa il lettore solo se lo si tocca. Serve alle pagine pubbliche (/eventi/film/) e alla scheda del film del sito: i colori vengono dal tema in uso, con valori di riserva. */
.yt{position:relative;aspect-ratio:16/9;border-radius:var(--r,16px);overflow:hidden;background:var(--cs,var(--surface,#fff));border:var(--bw,1px) solid var(--c,var(--line));box-shadow:var(--sh,none)}
.yt-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;text-decoration:none;color:color-mix(in srgb,var(--c,#000) var(--mix,70%),#000)}
.yt-play:hover{background:color-mix(in srgb,var(--c,#000) 10%,transparent)}
.yt-play:focus-visible{outline:3px solid var(--link,#0b5fd1);outline-offset:-3px}
.yt-ico{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--c,#000);color:var(--bg,#fff);font-size:28px;padding-left:5px}
.yt-tx{display:flex;flex-direction:column;gap:2px}
.yt-tx b{font-size:18px}.yt-tx small{font-size:14px;color:var(--ink-2,#555)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt.acceso{background:#000}
.yt-nota{position:absolute;left:12px;right:12px;bottom:10px;margin:0;padding:6px 10px;border-radius:10px;background:var(--surface,#fff);color:var(--ink,#111);font-size:14px}
/* miniatura del video (solo pagine pubbliche dei film): immagine di YouTube sotto il riquadro, con un velo scuro per tenere leggibili scritta e pulsante */
.yt-mini{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yt.mini .yt-play{color:#fff;background:linear-gradient(rgba(0,0,0,.3) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.82) 100%)}   /* velo più scuro in basso: la scritta non si confonde con le scritte della locandina */
.yt.mini .yt-tx b,.yt.mini .yt-tx small{text-shadow:0 1px 6px rgba(0,0,0,.9)}
.yt.mini .yt-play:hover{background:linear-gradient(rgba(0,0,0,.22) 0%,rgba(0,0,0,.42) 40%,rgba(0,0,0,.75) 100%)}
.yt.mini .yt-ico{background:#fff;color:#111}
.yt.mini .yt-tx small{color:#eee}
/* anteprima del trailer al posto della locandina (Cinema del sito, js/film-schede.js): fotogramma intero al centro, sfondo sfocato, segno «▶ Trailer» */
.da-trailer{position:relative;overflow:hidden;background:#000}
.da-trailer img.bk{position:absolute!important;inset:-14%!important;width:128%!important;height:128%!important;object-fit:cover!important;filter:blur(16px) brightness(.5) saturate(1.2);transform:none!important}
.da-trailer img.fr{position:absolute!important;left:0!important;right:0!important;top:50%!important;bottom:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover!important;transform:translateY(-50%)!important;box-shadow:0 2px 16px rgba(0,0,0,.5)}
.da-trailer .tb{position:absolute;left:8px;bottom:8px;z-index:2;display:inline-flex;align-items:center;gap:4px;font:700 12px/1 system-ui,sans-serif;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff}
.da-trailer .tb i{font-style:normal;font-size:12px}   /* v716: 12 px (verifica da telefono: testo sotto i 12 px) */
.frow .da-trailer .tb,.frow.da-trailer .tb{left:4px;bottom:4px;padding:3px 6px;font-size:0}
.frow .da-trailer .tb i{font-size:12px}
.cover.da-trailer{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}
.cover.da-trailer img.fr{top:0!important;height:100%!important;transform:none!important;box-shadow:none}
.cover.da-trailer img.bk{display:none!important}
/* scheda del film nel sito: il riquadro del trailer non occupa tutta la colonna (a 1280 px era 936×527), al massimo 800 px (450 di altezza), allineato a sinistra; sul telefono resta a tutta larghezza */
.film-trailer .yt{max-width:800px}