/* FOBAK V129.6.57 — correction finale chargée en dernier.
   But : neutraliser les anciennes règles contradictoires qui laissaient des réserves vides. */

/* Le contenu public doit commencer immédiatement après la seule barre réellement visible. */
body.public-layout .public-content{margin-top:0!important;min-height:0!important}
body.page-index .public-content{padding-top:0!important}
body.page-index .public-content>.home-hero-carousel:first-child{margin-top:0!important}

@media(max-width:820px){
  html,body.public-layout{scroll-padding-top:62px!important}
  body.public-layout{padding-top:62px!important}
  body.public-layout>.site-header.public-header{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
  body.public-layout>#public-main-nav,body.public-layout>.top-nav.public-nav{position:fixed!important;margin:0!important}
  body.public-layout .public-content{margin:0!important;padding-top:0!important;transform:none!important}
  body.page-index .public-content{padding:0!important}

  /* Le carrousel est le premier contenu, sans zone d'attente au-dessus. */
  body.page-index .home-hero-carousel{
    width:100%!important;margin:0!important;height:auto!important;min-height:0!important;max-height:none!important;
    aspect-ratio:4/3!important;background:#082f4c!important;display:block!important;position:relative!important;
  }
  body.page-index .home-hero-carousel .slides,
  body.page-index .home-hero-carousel .slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  body.page-index .home-hero-carousel .carousel-photo{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center!important;padding:0!important;margin:0!important;
  }
  /* Point focal volontaire conservé quand l'admin l'a choisi. */
  body.page-index .home-hero-carousel .pos-top .carousel-photo{object-position:center top!important}
  body.page-index .home-hero-carousel .pos-bottom .carousel-photo{object-position:center bottom!important}
  body.page-index .home-hero-carousel .pos-left .carousel-photo{object-position:left center!important}
  body.page-index .home-hero-carousel .pos-right .carousel-photo{object-position:right center!important}

  /* Gouvernance réellement collée au carrousel dans le flux DOM. */
  body.page-index .home-hero-carousel + .fobak-home-governance{margin-top:12px!important}
  body.page-index .fobak-home-governance{width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important}
}

@media(max-width:520px){
  body.page-index .home-hero-carousel{aspect-ratio:4/3!important}
}

/* Les photos des responsables utilisent la même passerelle média que le reste du site.
   Visuellement, aucune image cassée ne doit agrandir artificiellement la carte. */
.fobak-president-intro-photo,.fobak-leadership-photo{display:grid!important;place-items:center!important;overflow:hidden!important;background:linear-gradient(145deg,#edf5f8,#fff)!important}
.fobak-president-intro-photo img,.fobak-leadership-photo img{display:block!important;width:100%!important;height:auto!important;max-height:620px!important;object-fit:contain!important;object-position:center top!important}
.fobak-president-intro-photo img:not([src]),.fobak-leadership-photo img:not([src]){display:none!important}

/* Aperçu vidéo : la miniature, manuelle ou YouTube, est toujours le premier plan visuel. */
.home-video-preview{min-height:220px!important;background:#082f4c!important}
.home-video-preview::before{opacity:1!important;background-position:center!important}
.home-video-consent,.home-video-external{min-height:220px!important}
.home-video-consent strong,.home-video-external strong{font-size:1.05rem!important}
.video-play-mark{flex:none!important}

.video-admin-poster{position:relative!important;min-height:220px!important;background:#082f4c!important;overflow:hidden!important}
.video-admin-poster::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(2,18,30,.04),rgba(2,18,30,.62)),var(--admin-video-poster,none);background-size:cover;background-position:center;background-repeat:no-repeat}
.video-admin-poster-layer{position:relative;z-index:2;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;text-align:center}
.video-admin-poster-layer strong{font-size:1rem}.video-admin-poster-layer small{font-weight:850}

/* Sur les écrans connectés, ne réserver aucune seconde hauteur sous la topbar. */
@media(max-width:860px){
  body.admin-layout .workspace-content{padding-top:12px!important;margin-top:0!important;min-height:0!important}
}