/* Mobile-first edge cases (les @media inline gerent la majorite, ce fichier rattrape) */

/* Tres petits ecrans (< 360px) */
@media (max-width: 359px){
  .hero-title{ font-size: 1.9rem; }
  .stat-num{ font-size: 2rem; }
}

/* Lock body when menu mobile open */
body.menu-open{ overflow: hidden; }

/* Empeche le bounce horizontal sur iOS */
@supports (-webkit-touch-callout: none){
  body{ -webkit-overflow-scrolling: touch; }
}

/* Print : sobre */
@media print{
  .site-header, .fab, .burger, .menu-mobile, .modal, .lightbox{ display: none !important; }
  body{ background: #fff; color: #000; }
}

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