/* ABOMEY VIBES V8 — L'image entière doit rester visible dans son cadre.
   Le média réel n'est jamais recadré. Seul un fond flouté décoratif peut remplir les marges du héros. */
body.view-desktop .hero-fit-cover .hero-slide-backdrop,
body.view-desktop .hero-fit-contain .hero-slide-backdrop {
  display:block!important;
  opacity:.9!important;
}
body.view-desktop .hero-slider,
body.view-desktop .hero-slide,
body.view-desktop .av-media-frame,
body.view-desktop .article-card-img-wrap,
body.view-desktop .split-img,
body.view-desktop .split-media-cell,
body.view-desktop .home-editorial-media {
  background-color:#17181c!important;
}
body.view-desktop main img[data-av-media],
body.view-desktop main video[data-av-media] {
  object-fit:contain!important;
  object-position:center center!important;
}
body.view-desktop .hero .hero-slide-media,
body.view-desktop .page-hero .hero-slide-media {
  position:relative!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
  animation:none!important;
  min-height:0!important;
  max-height:100%!important;
}
body.view-desktop .home-public-hero .hero-slide-media {
  opacity:.93!important;
}
body.view-desktop .page-hero .hero-slide-media{opacity:.90!important}
body.view-desktop .split-feature :is(img,video),
body.view-desktop .split-media-stack :is(img,video),
body.view-desktop .couvents-img :is(img,video),
body.view-desktop .article-card-img-wrap :is(img,video),
body.view-desktop .artist-card :is(img,video),
body.view-desktop .port-item :is(img,video),
body.view-desktop .home-portfolio-media :is(img,video),
body.view-desktop .av-media-frame :is(img,video),
body.view-desktop .home-editorial-media :is(img,video),
body.view-desktop .musiques-section :is(img,video),
body.view-desktop .av-banner-media :is(img,video) {
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
body.view-desktop .article-card:hover .article-card-img-wrap :is(img,video) {
  transform:none!important;
}
body.view-desktop .artist-card img {
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
}
body.view-desktop .split-img img,
body.view-desktop .split-img video,
body.view-desktop .couvents-img img,
body.view-desktop .couvents-img video {
  min-height:0!important;
  max-width:100%!important;
}
body.view-desktop .av-media-frame img,
body.view-desktop .av-media-frame video,
body.view-desktop .article-card-img-wrap img,
body.view-desktop .article-card-img-wrap video {
  width:100%!important;
  height:100%!important;
}
body.view-desktop .port-item img,
body.view-desktop .port-item video {
  width:100%!important;
  height:100%!important;
}


/* V9 — Images de contenu : le bloc suit la hauteur naturelle de l'image.
   Ne jamais appliquer ces règles aux .hero, .page-hero, .hero-slide-media
   ni aux sections avec image de fond plein écran (.av-banner / .musiques-section). */
body.view-desktop main :is(
  .article-card-img-wrap,
  .av-media-frame,
  .port-item,
  .home-portfolio-media,
  .home-editorial-media,
  .couvents-img,
  .split-img:has(> img),
  .split-img:has(> video),
  .split-img:has(> .split-media-stack),
  .split-media-stack,
  .split-media-cell
){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  contain:none!important;
  overflow:visible!important;
  align-self:start!important;
}
/* Avoid equal-height grid tracks stretching photo boxes */
body.view-desktop main .split-feature:has(.split-img img),
body.view-desktop main .split-feature:has(.split-img video){
  min-height:0!important;
  align-items:start!important;
}
body.view-desktop main .split-media-stack{
  display:grid!important;
  grid-template-rows:auto!important;
  height:auto!important;
  align-content:start!important;
  gap:12px!important;
}
body.view-desktop main :is(.split-img, .couvents-img, .article-card-img-wrap, .av-media-frame, .port-item, .home-portfolio-media, .home-editorial-media, .split-media-cell) > :is(img,video),
body.view-desktop main .artist-card :is(img,video){
  position:static!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
body.view-desktop main .port-item,
body.view-desktop main .home-portfolio-media{
  display:inline-block!important;
  width:100%!important;
  vertical-align:top!important;
  margin-bottom:12px!important;
}
body.view-desktop main .av-editorial-tile-media .av-media-frame{margin-bottom:18px!important}
/* Keep readable overlay labels on natural-height editorial photos. */
body.view-desktop main .home-editorial-media{
  position:relative!important;
}
body.view-desktop main .home-editorial-media-overlay{
  pointer-events:none!important;
}
/* Nonhero media can scale down with columns but not crop or stretch. */
body.view-desktop main :is(.split-img, .av-media-frame, .article-card-img-wrap, .port-item, .home-portfolio-media, .split-media-cell, .couvents-img){max-width:100%!important}
