/* Florska V2 — page Vidéos (template-videos.php). Maquette Videos. */

.vid-intro { padding-top: clamp(48px, 6vw, 96px); padding-bottom: 32px; }
.vid-lead { margin-top: 24px; }
.vid-lead a { text-decoration: underline; text-underline-offset: 3px; }
.vid-filters { margin-top: 40px; }
.vid-status { margin: 32px 0 0; }
.vid-list { padding-top: 16px; padding-bottom: clamp(64px, 8vw, 112px); }

/* Grille éditoriale : grand film, film moyen, format vertical */
.vgrid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 48px 24px; align-items: start; }
.vcard { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.vc-a { grid-column: span 12; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px; align-items: end; }
.vc-b { grid-column: span 7; }
.vc-c { grid-column: 9 / span 3; }

.vposter { width: 100%; }
.vcard--9x16 .vposter { aspect-ratio: 9 / 16; max-width: none; }
.vcard.is-playing .fl-yt__play { display: none; }

.vinfo { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; min-width: 0; }
.vinfo p { margin: 0; }
.vtitle { font-size: clamp(22px, 2vw, 30px); line-height: 1.1; }
.vinfo .btn { text-align: left; max-width: 100%; }
.vpanel { width: 100%; }

/* Discipline sans vidéo */
.vid-empty { padding: clamp(32px, 6vw, 72px); display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.vid-empty p { margin: 0; }

.vid-links { margin-top: clamp(56px, 7vw, 96px); display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; }

@media (max-width: 900px) {
  .vgrid { gap: 40px 16px; }
  .vc-a, .vc-b, .vc-c { grid-column: span 12; }
  .vc-a { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .vc-c .vposter { max-width: 320px; }
}