/* ================================================================
   MOBILE-MARGINS-FIX.CSS — Chargé en dernier pour surcharges finales
   ================================================================ */

/* ─── Conteneur principal sans padding horizontal indésirable ─── */
@media (max-width: 768px) {
  html body:not(.page-template-accueil) #main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body:not(.page-template-accueil) #main .fusion-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
  }

  /* Padding global des containers ASLANE en mobile */
  .aslane-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Sections pleine largeur */
  .aslane-hero,
  .aslane-hero-inner,
  .aslane-trust-bar,
  .aslane-services-section,
  .aslane-why-section,
  .aslane-process-section,
  .aslane-partners-section,
  .aslane-contact-section,
  .aslane-contact-section-page,
  .aslane-connexion-section,
  .aslane-devis-section,
  .aslane-dashboard-body,
  .aslane-dashboard-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Éviter le débordement horizontal */
  html, body { overflow-x: hidden; }
  * { max-width: 100%; box-sizing: border-box; }
  img { max-width: 100%; height: auto; }
}

/* ─── Petits mobiles (≤480px) ─────────────────────────────── */
@media (max-width: 480px) {
  .aslane-container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  html body:not(.page-template-accueil) #main main {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
  }
}

/* ─── Correction scroll horizontal global ─────────────────── */
@media (max-width: 768px) {
  .fusion-columns, .fusion-column, .fusion-builder-row {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}