/* Carousel video: misure e aspetto copiati da Profilo, backup 23/09/2026.
   Tutte le regole sono circoscritte al componente; Profilo resta invariato. */
.tr-site-videos.proj-section.proj-video-carousel{max-width:1300px;margin:0 auto 4px auto;padding:18px 18px 14px;box-sizing:border-box;}
.tr-site-videos .yt-gallery-section{position:relative;z-index:1;padding:24px 16px 36px;max-width:1232px;margin:0 auto;}
.tr-site-videos .yt-strip-shell{display:flex;align-items:center;gap:12px;min-width:0;}
.tr-site-videos .yt-gallery{display:flex;gap:16px;justify-content:center;flex-wrap:nowrap;}
.tr-site-videos .yt-gallery.yt-multi{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:2px 2px 12px;min-width:0;flex:1;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;}
.tr-site-videos .yt-gallery.yt-multi::-webkit-scrollbar{display:none;width:0;height:0;}
.tr-site-videos .yt-gallery.yt-multi .yt-card{flex:0 0 calc((100% - 48px)/4);min-width:0;scroll-snap-align:start;scroll-snap-stop:always;}
.tr-site-videos .yt-scroll-btn{flex:0 0 42px;width:42px;height:74px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.78);font-size:36px;font-weight:100;cursor:pointer;transition:background .2s,color .2s,transform .2s;}
.tr-site-videos .yt-scroll-btn:hover{background:rgba(255,255,255,.16);color:#fff;}
.tr-site-videos .yt-scroll-btn:active{transform:scale(.94);}
.tr-site-videos .yt-card{cursor:pointer;position:relative;}
.tr-site-videos .yt-thumb-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#111;}
.tr-site-videos .yt-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.tr-site-videos .yt-card:hover .yt-thumb-wrap img{transform:scale(1.05);}
.tr-site-videos .yt-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:rgba(0,0,0,.72);pointer-events:none;transition:background .2s,transform .2s;}
.tr-site-videos .yt-play-btn::after{content:'';position:absolute;top:50%;left:56%;transform:translate(-50%,-50%);border-style:solid;border-width:12px 0 12px 24px;border-color:transparent transparent transparent #fff;}
.tr-site-videos .yt-card:hover .yt-play-btn{background:#cc0000;transform:translate(-50%,-50%) scale(1.13);}
/* Il secondo .yt-caption di Profilo determina questi valori finali. */
.tr-site-videos .yt-caption{color:rgba(220,220,220,.85);font-size:9.5pt;font-family:Verdana,sans-serif;margin:9px 2px 0;text-align:left;line-height:1.45;}
.tr-site-video-modal.yt-modal{opacity:0;pointer-events:none;visibility:hidden;display:flex;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.72);align-items:center;justify-content:center;transition:opacity .3s ease,visibility .3s;}
.tr-site-video-modal.yt-modal.open{opacity:1;pointer-events:auto;visibility:visible;}
.tr-site-video-modal .yt-modal-box{position:relative;width:min(860px,88vw);aspect-ratio:16/9;transform:scale(0.2);opacity:0;transition:transform .5s cubic-bezier(.34,1.4,.64,1),opacity .3s ease;}
.tr-site-video-modal.open .yt-modal-box{transform:scale(1);opacity:1;}
.tr-site-video-modal .yt-modal-box iframe,.tr-site-video-modal .yt-modal-box video{width:100%;height:100%;border:none;display:block;}
.tr-site-video-modal .yt-modal-box video{background:#000;object-fit:contain;}
.tr-site-video-modal [hidden]{display:none!important;}
.tr-site-video-modal .yt-modal-close{position:absolute;top:-46px;right:0;background:none;border:none;color:#fff;font-size:38px;line-height:1;cursor:pointer;padding:0 6px;}
.tr-site-video-modal .yt-modal-close:hover{color:#ff4444;}
.tr-site-videos .yt-card:focus-visible,.tr-site-videos .yt-scroll-btn:focus-visible,.tr-site-video-modal .yt-modal-close:focus-visible{outline:2px solid #faf6c1;outline-offset:3px;}
@media(min-width:601px) and (max-width:1000px){
  .tr-site-videos.proj-section.proj-video-carousel{max-width:100%;}
  .tr-site-videos .yt-gallery.yt-multi .yt-card{flex-basis:calc((100% - 16px)/2);}
}
@media(max-width:600px){
  .tr-site-videos.proj-section.proj-video-carousel{padding:12px 16px 10px!important;}
  .tr-site-videos .yt-gallery-section{padding:10px 8px 18px!important;}
  .tr-site-videos .yt-strip-shell{gap:5px;}
  .tr-site-videos .yt-gallery.yt-multi .yt-card{flex-basis:100%;min-width:0;}
  .tr-site-videos .yt-scroll-btn{flex-basis:32px;width:32px;height:58px;font-size:29px;}
  .tr-site-video-modal .yt-modal-box{width:98vw!important;}
  .tr-site-video-modal .yt-modal-close{top:-38px!important;font-size:30px!important;}
}