/* ============================================================
   v1-extra-photos.css — Réintégration des photos (capture 8)
   Chargé APRÈS v1-nav.css et les autres v1-extra-*.
   N'affecte que les nouveaux blocs .v1-photo* ; ne touche pas
   au chrome ni aux styles existants.
   ============================================================ */

/* --- Cadre photo générique (coins arrondis cohérents V1) --- */
.v1-photo{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 18px 48px -18px rgba(9,66,104,.45);
  background:var(--c-navy,#094268);
  line-height:0;
}
.v1-photo picture,
.v1-photo img{
  display:block;
  width:100%;
  height:100%;
}
.v1-photo img{
  object-fit:cover;
  object-position:center;
}

/* --- Photo dans le visuel de hero (remplace l'aplat/logo seul) --- */
.v1-hero-photo{
  position:relative;
  border-radius:26px;
  overflow:hidden;
  aspect-ratio:4/5;
  box-shadow:0 24px 60px -22px rgba(9,66,104,.5);
  background:var(--c-navy,#094268);
}
.v1-hero-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
/* Logo conservé en badge superposé (le logo reste le seul asset propriétaire) */
.v1-hero-photo .v1-photo-badge{
  position:absolute;
  right:14px;
  bottom:14px;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 22px -8px rgba(9,66,104,.55);
}
.v1-hero-photo .v1-photo-badge img{
  width:34px;
  height:34px;
  object-fit:contain;
}

/* --- Photo de section (panneau pleine largeur encadré) --- */
.v1-photo-band{
  aspect-ratio:21/9;
  margin-top:8px;
}
.v1-photo-band img{ object-position:center; }

/* --- Duo de photos côte à côte (academie) --- */
.v1-photo-duo{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:8px;
}
.v1-photo-duo .v1-photo{ aspect-ratio:4/3; }

@media (max-width:720px){
  .v1-photo-duo{ grid-template-columns:1fr; }
  .v1-photo-band{ aspect-ratio:16/10; }
  .v1-hero-photo{ aspect-ratio:16/11; max-width:520px; margin:0 auto; }
}