/* V129.6.75 — Photos responsables grandes + suppression espace vide header/carrousel index */

/* ============================================================
   1. PHOTOS RESPONSABLES — GRANDES, PROPRES, SANS ESPACE BLANC
   ============================================================ */

/* Président : la zone photo occupe toute la largeur disponible */
body.page-index .fobak-president-intro-photo {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:3/4!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  background:#edf4f7!important;
  border-radius:18px!important;
}

body.page-index .fobak-president-intro-photo img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center 20%!important;
}

/* Autres responsables : même logique, image grande et remplissant la carte */
body.page-index .fobak-leadership-photo {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:3/4!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  background:#edf4f7!important;
  border-radius:16px!important;
}

body.page-index .fobak-leadership-photo img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center 20%!important;
}

/* Le logo secondaire sous chaque photo créait une grande zone vide : on le retire sur l'accueil */
body.page-index .fobak-leader-logo-space,
body.page-index .fobak-president-visual .fobak-leader-logo-space,
body.page-index .fobak-leader-visual .fobak-leader-logo-space {
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

/* Sur téléphone, la photo reste grande mais un peu moins haute pour ne pas monopoliser l'écran */
@media (max-width:860px) {
  body.page-index .fobak-president-intro-photo,
  body.page-index .fobak-leadership-photo {
    width:100%!important;
    max-width:none!important;
    aspect-ratio:4/5!important;
  }

  body.page-index .fobak-president-intro-photo img,
  body.page-index .fobak-leadership-photo img {
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 18%!important;
  }
}

/* ============================================================
   2. ESPACE VIDE AU-DESSUS DU CARROUSEL — SUPPRESSION DÉFINITIVE
   ============================================================ */

/* La vraie source du blanc était un padding-top de 72px appliqué au contenu public. */
body.page-index .public-content,
body.page-index .main-content.public-content {
  padding-top:0!important;
  margin-top:0!important;
  min-height:0!important;
  gap:0!important;
}

/* Le wrapper de l'accueil ne doit ajouter aucun espace avant son premier élément. */
body.page-index .home-premium-v129663 {
  margin-top:0!important;
  padding-top:0!important;
}

/* Le carrousel commence immédiatement sous le header jaune. */
body.page-index .home-premium-v129663 > .home-hero-carousel:first-child,
body.page-index .home-hero-carousel {
  margin-top:0!important;
  padding-top:0!important;
  min-height:0!important;
}

body.page-index .home-hero-carousel .slides,
body.page-index .home-hero-carousel .slide,
body.page-index .home-hero-carousel .carousel-photo {
  margin-top:0!important;
  padding-top:0!important;
}

/* Les autres pages publiques gardent leur espacement normal. */
body:not(.page-index) .public-content {
  gap:initial;
}