/* Tema default — pagină galerie/video SSR (render.twig). Cardurile video.
   Încărcat doar pentru paginile video, prin {% block css %}. */
.vv-card{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;font:inherit}
.vv-card-media{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0c0c0e;border:1px solid #1c1c20}
.vv-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,opacity .3s ease;opacity:.92}
.vv-card:hover .vv-card-media img{transform:scale(1.05);opacity:1}
.vv-card-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45));opacity:.7;transition:opacity .3s}
.vv-card:hover .vv-card-grad{opacity:.9}
.vv-play-btn{position:absolute;top:50%;left:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:9999px;background:rgba(20,20,22,.55);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.85);transition:background .2s,transform .2s}
.vv-play-btn::after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}
.vv-card:hover .vv-play-btn{background:#fff;border-color:#fff;transform:translate(-50%,-50%) scale(1.08)}
.vv-card:hover .vv-play-btn::after{border-left-color:#111827}
.vv-dur{position:absolute;bottom:10px;right:10px;z-index:2;padding:2px 7px;border-radius:6px;background:rgba(0,0,0,.72);color:#fff;font:600 11px/1.4 system-ui,sans-serif;letter-spacing:.02em}
.vv-card-title{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:1.6rem .8rem .6rem;padding-right:3.4rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));color:#fff;font-size:1.05rem;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}