/* FOBAK V129.6.53 — suppression des vides + gouvernance juste après carrousel + aperçu vidéo visible */

/* Le topbar admin est déjà dans le flux : ne jamais réserver une seconde fois sa hauteur. */
body.admin-layout .workspace-content{padding-top:18px!important}
@media(max-width:780px){body.admin-layout .workspace-content{padding-top:12px!important}}

/* Espace public : après la barre mobile fixe, le contenu commence immédiatement. */
@media(max-width:820px){
  body.public-layout{padding-top:62px!important}
  body.public-layout .public-content{padding-top:8px!important}
  body.page-index .public-content{padding-top:0!important}
  body.page-login .public-content{min-height:0!important;padding:12px 12px 28px!important;justify-content:flex-start!important;place-items:start center!important}
  body.page-login .flash-zone{width:min(100%,760px);margin:0 auto 10px!important}
  body.page-login .auth-compact-shell,body.page-login .login-experience,body.page-login .login-security-redesign{margin-top:0!important}
}

/* Accueil : carrousel réellement premier, sans réserve vide, puis gouvernance immédiatement. */
body.page-index .home-hero-carousel{margin-top:0!important}
body.page-index .fobak-home-governance{margin-top:18px!important;margin-bottom:22px!important}
body.page-index .fobak-home-governance+.public-trust-strip{margin-top:0!important}
@media(max-width:520px){
  body.page-index .home-hero-carousel{height:clamp(250px,66vw,330px)!important;min-height:250px!important}
  body.page-index .home-hero-carousel .slide::before{display:block!important;opacity:.96!important}
  body.page-index .home-hero-carousel .carousel-photo{object-fit:contain!important;background:transparent!important}
  body.page-index .fobak-home-governance{margin-top:12px!important}
}

/* Vidéothèque : jamais de rectangle vide. Une miniature YouTube est affichée avant le clic ;
   pour les autres plateformes, une vraie carte de prévisualisation FOBAK reste visible. */
.home-video-preview{position:relative;isolation:isolate;background:linear-gradient(145deg,#073958,#0b6e98)!important;overflow:hidden}
.home-video-preview::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(180deg,rgba(3,24,39,.08),rgba(3,24,39,.74)),var(--video-poster,none);background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.01)}
.home-video-preview::after{content:"FOBAK";position:absolute;right:14px;bottom:10px;z-index:1;color:rgba(255,255,255,.22);font-size:.72rem;font-weight:950;letter-spacing:.18em}
.home-video-consent,.home-video-external{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;min-height:100%!important;border:0!important;margin:0!important;padding:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;color:#fff!important;background:linear-gradient(180deg,rgba(3,30,49,.05),rgba(3,30,49,.68))!important;text-decoration:none!important;cursor:pointer}
.home-video-consent strong,.home-video-external strong{max-width:92%;font-size:clamp(.95rem,2.3vw,1.12rem);line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,.38);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-video-consent small,.home-video-external small{color:#eaf8ff;font-weight:750;text-shadow:0 1px 5px rgba(0,0,0,.38)}
.video-play-mark{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#f3d51c!important;color:#073958!important;font-size:1.55rem!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important;padding-left:4px}
.video-preview-platform{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(5,48,75,.84);border:1px solid rgba(255,255,255,.32);font-size:.68rem;font-weight:950;letter-spacing:.06em}
.home-video-consent.has-platform-preview,.home-video-external.has-platform-preview{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 32%),linear-gradient(145deg,rgba(7,57,88,.88),rgba(7,32,52,.95))!important}
.platform-preview-youtube .home-video-consent.has-video-poster{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.64))!important}
.platform-preview-facebook{background:linear-gradient(145deg,#174ea6,#0a327b)!important}.platform-preview-instagram{background:linear-gradient(145deg,#7d2aa8,#d13a6f)!important}.platform-preview-tiktok{background:linear-gradient(145deg,#17232b,#0f5860)!important}.platform-preview-vimeo{background:linear-gradient(145deg,#11779f,#0a4c6a)!important}.platform-preview-dailymotion{background:linear-gradient(145deg,#3542a5,#182765)!important}
.home-video-preview iframe{position:relative;z-index:3;width:100%;height:100%;min-height:100%;background:#071d33}

@media(max-width:700px){
  .home-video-preview{aspect-ratio:16/9!important;min-height:190px!important}
  .video-play-mark{width:54px!important;height:54px!important}
  .home-video-consent,.home-video-external{padding:14px!important}
}