/* === 04_181 Mobile Hardening (100% tablet/phone) === */
/* Fond blanc - L'image SuperAdmin vient par-dessus (z-index 1) */
html,body{min-height:100%;background:#fff}
/* Conteneur global centré, max 1280px */
.site-wrap, .site-header, header, main, footer, .topbar, .footer-inner{
  max-width:1280px; margin-left:auto; margin-right:auto; width:100%;
  box-sizing:border-box; padding-left:12px; padding-right:12px;
}

/* Image SuperAdmin gérée par runtime.global.branding.js avec z-index 1 (par-dessus fond blanc) */

/* Image de fond centrée, largeur max 1280px, responsive */
#sf-bg-image{position:fixed;left:50%;top:0;transform:translateX(-50%);width:100%;max-width:1280px;height:100vh;background-repeat:no-repeat;background-size:contain;background-position:top center;opacity:.25;z-index:-1;pointer-events:none}

/* Carrousels: empêcher le débordement sur mobile */
.carousel,.slider,[data-carousel]{overflow:hidden}
.carousel .items,.slider .items{display:flex;gap:.5rem}

/* Filtres et barres: passage en wrap sur mobile */
.sf-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem}

/* Tap targets & typo responsive */
:root{--sf-primary:#111}
button,a.btn,input,select{min-height:40px}
@media (max-width:768px){ body{font-size:16px} h1{font-size:1.35rem} h2{font-size:1.15rem} }
@media (min-width:769px){ body{font-size:17px} }