/* ============================================================ */
/* AQS — Correctifs CSS page Écumeurs (post_id=1115)              */
/* Cible les VRAIES classes du designer (.sig-vis, .ref-grid…)    */
/* Ne touche pas le _elementor_data : overlay CSS uniquement       */
/* ============================================================ */

/* 1) Forcer la pleine largeur effective des wrappers Elementor
      (column / widget-wrap / widget-html) pour que les grids du
      designer disposent de tout l'espace de la section. */
.elementor-page-1115 .elementor-section.elementor-section-stretched > .elementor-container,
.elementor-page-1115 .elementor-column,
.elementor-page-1115 .elementor-widget-wrap,
.elementor-page-1115 .elementor-widget-html,
.elementor-page-1115 .elementor-widget-html > .elementor-widget-container {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* 2) Padding latéral confortable pour les widgets html
      (sauf hero qui gère déjà son padding via son propre <div>). */
.elementor-page-1115 .elementor-widget-html > .elementor-widget-container {
    padding-left: clamp(16px, 4vw, 40px);
    padding-right: clamp(16px, 4vw, 40px);
}
.elementor-page-1115 #hero .elementor-widget-html > .elementor-widget-container,
.elementor-page-1115 #foamaway .elementor-widget-html > .elementor-widget-container {
    padding-left: 0;
    padding-right: 0;
}

/* 3) Centrer les wrappers internes du designer qui n'ont
      ni max-width ni margin:auto définis dans le <style>. */
.elementor-page-1115 .ref-grid,
.elementor-page-1115 .cs-hero-grid,
.elementor-page-1115 .cs-kpi-grid,
.elementor-page-1115 .cs-charts,
.elementor-page-1115 .cs-eff-grid,
.elementor-page-1115 .gamme-grid,
.elementor-page-1115 .usp-grid,
.elementor-page-1115 .mif-grid,
.elementor-page-1115 .gamme-tags,
.elementor-page-1115 .comp-base,
.elementor-page-1115 .cta-buttons,
.elementor-page-1115 .comp-table-wrap {
    max-width: 1280px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 4) Bandeau FOAMAWAY (.sig-vis) — son grid 2-cols est cassé par le
      découpage en 3 widgets Elementor. Le widget #foamaway-top contient
      <div style="display:grid;grid-template-columns:1fr 1fr"> avec un
      seul enfant .sig-vis qui occupe la cellule gauche (50% du widget).
      Sans neutralisation du grid, margin:auto ne centre que dans la
      cellule. On annule le grid et on centre .sig-vis. */
.elementor-page-1115 #foamaway-top > .elementor-widget-container > div[style*="display:grid"] {
    display: block !important;
}
.elementor-page-1115 #foamaway .sig-vis {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Le second widget html (id=foamaway-bottom) débute par </div></div>
   orphelins (ignorés par le browser) puis ouvre la 2e cellule du grid
   théorique. Comme le grid n'existe plus, ce <div> devient un block
   normal. On le centre. */
.elementor-page-1115 #foamaway-bottom > .elementor-widget-container {
    max-width: 880px;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left;
}

/* 5) Tableau comparatif — corriger le badge BEST-SELLER tronqué.
      Le pseudo-element ::after du <th class="hl"> est en top:-12px.
      Avec overflow-x:auto sur .comp-table-wrap, il était coupé. */
.elementor-page-1115 .comp-table-wrap {
    overflow-x: auto;
    overflow-y: visible !important;
    padding-top: 28px; /* respiration pour que le badge dépassant soit visible */
}
.elementor-page-1115 .comp-table th.hl {
    overflow: visible !important;
}

/* 6) Pour la section MAELSTRÖM/NAUTILUS (4aa09dc, 5 widgets html+image
      entremêlés), on tente de redonner sens en ciblant directement
      les .gamme-card que le designer aura placées dans le markup. */
.elementor-page-1115 [data-id="4aa09dc"] .elementor-widget-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
}
.elementor-page-1115 [data-id="4aa09dc"] .elementor-widget {
    flex: 1 1 480px;
    max-width: 600px;
}

/* 7) HERO — defenses pour s'assurer que le contenu reste centre et que
      .hero-stats reste en flex row wrap meme si un autre CSS l'ecrase. */
.elementor-page-1115 #hero .hero-stats {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 48px !important;
}
@media (max-width: 640px) {
    .elementor-page-1115 #hero .hero-stats { gap: 24px !important; }
}
.elementor-page-1115 #hero .hero-stats > * {
    flex: 0 0 auto;
}