/* Tema default — pagina-arhivă /foto sau /video (carusele per galerie).
   Încărcat din archive.twig prin {% block css %}. Varianta foto/video se
   comută prin clasa de pe container: .vv-arch.is-video / .vv-arch.is-photo. */
.vv-arch{background:#fff;padding-bottom:4rem}
.vv-arch{--arch-pad:1rem}
@media (min-width:640px){.vv-arch{--arch-pad:2rem}}
@media (min-width:1280px){.vv-arch{--arch-pad:3rem}}
.vv-arch .vv-more{margin:1.6rem 0 2.6rem;position:relative;width:100%}
.vv-arch .vv-more-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem;padding:0 var(--arch-pad)}
.vv-arch .vv-more-title{color:#111827;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}
.vv-arch a.vv-more-link{text-decoration:none}
.vv-arch a.vv-more-link:hover .vv-more-title{text-decoration:underline;text-underline-offset:4px}
.vv-arch .vv-more-count{color:#9ca3af;font-size:.85rem;font-weight:500;margin-left:.55rem;white-space:nowrap}
.vv-arch .vv-more-nav{display:flex;gap:.5rem;flex:none}
.vv-arch .vv-more-arrow{width:38px;height:38px;border-radius:99px;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:background .15s,border-color .15s,color .15s,opacity .15s}
.vv-arch .vv-more-arrow:hover{background:#111827;border-color:#111827;color:#fff}
.vv-arch .vv-more-arrow[disabled]{opacity:.35;cursor:default;pointer-events:none}
.vv-arch .vv-more-track{display:flex;gap:.5rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;padding:0 var(--arch-pad) 4px;scroll-padding-left:var(--arch-pad);-ms-overflow-style:none;scrollbar-width:none}
.vv-arch .vv-more-track::-webkit-scrollbar{display:none}
.vv-arch .vv-more .vv-card{display:block;text-decoration:none;flex:0 0 min(430px,80vw);scroll-snap-align:start}
.vv-arch.is-video .vv-mc-media{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb}
.vv-arch.is-photo .vv-mc-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f3f4f6;border-radius:0;border:0}
.vv-arch .vv-mc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.vv-arch .vv-more .vv-card:hover .vv-mc-media img{transform:scale(1.06)}
.vv-arch .vv-mc-grad{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.38))}
.vv-arch .vv-mc-media .vv-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:99px;background:rgba(20,20,22,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 0 0 2px rgba(255,255,255,.85);transition:background .2s,box-shadow .2s}
.vv-arch .vv-mc-media .vv-play-btn::after{content:"";position:absolute;top:50%;left:53%;transform:translate(-50%,-50%);border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff}
.vv-arch .vv-more .vv-card:hover .vv-play-btn{background:#fff;box-shadow:inset 0 0 0 2px #fff}
.vv-arch .vv-more .vv-card:hover .vv-play-btn::after{border-left-color:#111827}
.vv-arch .vv-mc-dur{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.72);color:#fff;font:600 11px/1 system-ui;padding:3px 6px;border-radius:4px;font-variant-numeric:tabular-nums}
.vv-arch .vv-mc-title{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .85rem .65rem;padding-right:3.6rem;color:#fff;font-size:1rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.vv-arch .vv-all-media{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb}
.vv-arch .vv-all-inner{display:flex;flex-direction:column;align-items:center;gap:.55rem;color:#111827;font-weight:700;font-size:1rem;text-align:center;padding:1rem}
.vv-arch .vv-all-inner i.fa-images,.vv-arch .vv-all-inner i.fa-clapperboard{font-size:1.8rem;color:#111827}
.vv-arch .vv-all-sub{display:block;color:#6b7280;font-size:.8rem;font-weight:500;margin-top:.1rem}
.vv-arch .vv-all-inner .vv-all-arrow{font-size:.85rem;opacity:.85;transition:transform .2s}
.vv-arch .vv-card-all:hover .vv-all-media{border-color:#111827}
.vv-arch .vv-card-all:hover .vv-all-arrow{transform:translateX(4px)}
@media (max-width:640px){
    .vv-arch .vv-more{margin:1.2rem 0 2rem}
    .vv-arch .vv-more .vv-card{flex-basis:80vw}
    .vv-arch .vv-mc-title{font-size:.85rem}
    .vv-arch .vv-mc-media .vv-play-btn{width:42px;height:42px}
}
.vv-arch-empty{color:#6b7280;padding:3rem var(--arch-pad);text-align:center}