/* =========================================================
   Thème Espace Optique : orange du « O » du logo (#FD6421) et brun très foncé du texte (#2B0C05).
   L'orange pur est trop clair pour du texte blanc : --primaire est un orange plus soutenu.
   Chargé après assets/css/style.css et admin/admin.css ; noms des variables :
   assets/css/style.css, section 1. Polices Google : site/config.php → google_fonts.
   ========================================================= */
:root {
  --fond:           #FFFFFF;
  --fond-2:         #FBF4F0;
  --fond-3:         #F1E2DA;
  --primaire:       #D9501A;
  --primaire-fonce: #9E3610;
  --primaire-clair: #FDC8AE;
  --primaire-pale:  #FEF1EA;
  --accent-clair:   #FDD2BE;
  --accent:         #FD6421;
  --accent-fonce:   #C2440F;
  --texte:          #2B0C05;
  --texte-doux:     #5C4A45;
  --texte-pale:     #9A8984;

  --serif: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sans:  'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Logo large (3,6:1) : hauteur réduite dans l'en-tête et le pied de page */
.site-logo .logo-img   { height: 50px; }
.footer-brand .logo-img { height: 60px; }

/* Vidéos en façade (site/blocs-instance.php → eo_videos) */
.eo-videos { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; }
.eo-video { margin: 0; }
.eo-video-lancer, .eo-video iframe {
  display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--radius-lg);
}
.eo-video-lancer {
  position: relative; cursor: pointer; background: var(--texte) center / cover no-repeat;
}
.eo-video-lancer span {
  position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%);
  width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: var(--primaire); color: var(--white); font-size: 1.5rem; padding-left: 4px;
  box-shadow: var(--shadow-sm); transition: transform var(--ease);
}
.eo-video-lancer:hover span, .eo-video-lancer:focus-visible span { transform: translate(-50%, -50%) scale(1.1); }
.eo-video figcaption { margin-top: .6rem; font-size: .92rem; color: var(--texte-doux); }
.eo-videos-note { margin: 1.5rem 0 0; text-align: center; font-size: .8rem; color: var(--texte-pale); }