/* ==========================================================================
   Vidéos : page « Vidéos » et habillage sombre des façades passy-media.
   ========================================================================== */

.pa-videos-page { padding-bottom: var(--pa-space-12); }
.pa-videos-page__intro { display: grid; justify-items: start; gap: var(--pa-space-3); padding-block: var(--pa-space-6) var(--pa-space-4); }
.pa-videos-page__intro p.pa-muted { max-width: 60ch; }
.pa-videos-page .pa-section { border-top: 1px solid var(--pa-line); }

/* Façades vidéo du plugin, en version sombre */
.pm-video__facade { background: var(--pa-surface-2); }
.pm-video__play { background: var(--pa-red); width: 58px; height: 58px; backdrop-filter: none; box-shadow: 0 6px 20px rgb(0 0 0 / .45); }
.pm-video--youtube .pm-video__play { background: var(--pa-youtube); border-radius: 14px; width: 64px; height: 46px; }
.pm-video__caption { color: var(--pa-ink-2); }
.pm-video__caption > span { color: var(--pa-ink-1); }
.pm-video__caption a { color: var(--pa-ink-3); }
.pm-video__caption a:hover { color: var(--pa-ink); }
.pm-video__brand { font-family: var(--pa-font-display); letter-spacing: .08em; text-transform: uppercase; }

/* Grille YouTube de la page Vidéos */
.pm-wall--youtube .pm-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: var(--pa-space-5); }
.pm-wall--youtube .pm-video { padding-bottom: .2rem; }

/* Mur TikTok */
.pm-wall--tiktok { padding: var(--pa-space-5); background: var(--pa-surface); border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg); }
.pm-wall__head { gap: var(--pa-space-3); }
.pm-wall__title { font-family: var(--pa-font-display); font-size: 1.3rem; color: var(--pa-ink); }
.pm-wall__load { margin-inline-start: auto; }
.pm-wall__skeleton span { background: linear-gradient(90deg, var(--pa-surface-2) 25%, var(--pa-surface-3) 50%, var(--pa-surface-2) 75%); background-size: 200% 100%; }
.pm-wall .tiktok-embed { background: #fff; border-radius: var(--pa-radius); }
.pm-wall__fallback { display: flex; flex-wrap: wrap; gap: var(--pa-space-2); }
.pm-wall__skeleton[hidden] { display: none; }