/* ============================================================
   VIDÉO DE PROFIL (VIP) — restyle des composants existants.
   Partagé par video_modeles.php, video_photographe.php.
   Remplace le lien vers assets/css/profil.css (ancien fichier
   legacy avec un reset * { font-family: Arial } qui écrasait la
   typo du design system sur ces 2 pages) — plus rien de ce
   fichier n'était utilisé ici. <style> inline sorti ici aussi.
   Se charge après menu2.css.
   ============================================================ */

.video-container {
  max-width: 720px; margin: 40px auto; padding: 26px 26px 30px;
  background: var(--panel); border: 1px solid var(--line); border-radius: 16px;
}
.video-title {
  font-family: var(--display); font-weight: 700; font-size: 19px; color: var(--paper);
  text-align: center; margin: 0 0 20px; display: flex; align-items: center; justify-content: center; gap: 10px;
}
.video-title i { color: var(--cobalt-lite); }
.video-wrap { text-align: center; }
.video-player { width: 100%; max-height: 460px; border-radius: 12px; margin: 0 0 20px; background: var(--panel-2); }

.video-actions { display: flex; gap: 10px; justify-content: center; margin-top: 10px; }
.btn {
  padding: 10px 18px; border: none; border-radius: 10px; cursor: pointer; font-family: var(--body);
  font-weight: 600; font-size: 13.5px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px;
  transition: all 0.18s ease;
}
.btn-secondary { background: transparent; color: var(--paper); border: 1.5px solid var(--line); }
.btn-secondary:hover { border-color: var(--cobalt); color: var(--cobalt-lite); }