/* responsive.css : ajustements mobile-first finaux */

/* Petits ecrans : padding container reduit */
@media (max-width:380px){
  .container{padding:0 16px;}
  .hero-immersif{padding:calc(var(--header-h-mobile) + 24px) 16px 32px;}
}

/* Section spacing serre quand sections enchainees */
.stats-strip + section{padding-top:48px;}
@media (min-width:768px){.stats-strip + section{padding-top:72px;}}

/* Realisations apres hero : un peu plus haut */
.hero-immersif + .realisations{padding-top:48px;}
@media (min-width:768px){.hero-immersif + .realisations{padding-top:72px;}}

/* About apres realisations */
.about-section{background:color-mix(in srgb,var(--bg-alt) 35%,var(--bg));}

/* Print-friendly safety */
@media print{
  .burger,.menu-mobile,.fab-call,.lightbox,.ml-modal{display:none !important;}
}

/* wf-contrast-enforced */
.site-footer, .site-footer * { color: #F4ECDE !important; }
/* /wf-contrast-enforced */

/* wf-noxoverflow : reveal vertical (le slide horizontal deborde la largeur sur mobile) */
[data-reveal]:not(.in){ transform: translateY(18px) !important; }
