/* ==========================================================
   Correctifs responsive ajoutés pour mariellecafafa.com
   Objectif : améliorer l’affichage mobile/tablette sans casser
   la version desktop générée par One.com / HTTrack.
   ========================================================== */

html,
body {
  max-width: 100%;
  overflow-x: hidden !important;
}

img,
video,
iframe {
  max-width: 100% !important;
}

img {
  height: auto;
}

a,
button,
[role="button"],
.ButtonPreview_textContainer__t8q7_ {
  -webkit-tap-highlight-color: transparent;
}

/* Tablettes et petits écrans */
@media screen and (max-width: 1024px) {
  body {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.desktopV,
  body.mobileV {
    min-width: 0 !important;
    width: 100% !important;
  }

  .template,
  .Preview_row__3Fkye,
  .Preview_column__1KeVx,
  .Preview_block__16Zmu,
  .Preview_componentWrapper__2i4QI,
  .Preview_component__SbiKo,
  .StripPreview_backgroundComponent__3YmQM,
  .Background_backgroundComponent__3_1Ea {
    max-width: 100% !important;
  }

  .Preview_row__3Fkye {
    width: 100% !important;
  }

  .Preview_column__1KeVx {
    width: 100% !important;
    float: none !important;
  }

  .Preview_sectionFloatWrapper__1SM4p {
    width: 100% !important;
  }

  .Preview_float__1PmYU {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  div[data-kind="TEXT"],
  div[data-specific-kind="TEXT"] {
    width: auto !important;
    max-width: 92% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .styles_contentContainer__lrPIa,
  .styles_text__3jGMu {
    max-width: 100% !important;
  }

  h1,
  h2,
  h3,
  p,
  span {
    max-width: 100% !important;
  }

  .ButtonPreview_container__22hQi,
  .ButtonPreview_buttonComponent__17NP0,
  .ButtonPreview_textContainer__t8q7_ {
    max-width: 100% !important;
  }
}

/* Mobile */
@media screen and (max-width: 650px) {
  html {
    font-size: 16px;
  }

  body {
    overflow-x: hidden !important;
    min-width: 0 !important;
  }

  .template {
    width: 100% !important;
    min-width: 0 !important;
  }

  .Preview_mobileHide__9T929 {
    display: none !important;
  }

  #wsb-mobile-header,
  .MobileHeader_container__1XW3y {
    display: block !important;
    width: 100% !important;
  }

  .MobileHeader_menuIconContainer__lc-Zq {
    touch-action: manipulation;
  }

  .MobileHeaderMenu_mobileMenu__21p7v a {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }

  .Preview_row__3Fkye,
  .Preview_column__1KeVx,
  .Preview_componentWrapper__2i4QI {
    width: 100% !important;
    min-width: 0 !important;
  }

  .Preview_row__3Fkye {
    min-height: auto !important;
  }

  .Preview_block__16Zmu,
  .StripPreview_backgroundComponent__3YmQM,
  .Background_backgroundComponent__3_1Ea,
  .BackgroundPreview_backgroundComponent__3Dr5e {
    min-height: auto !important;
  }

  div[data-kind="SECTION"],
  div[data-kind="STRIP"],
  div[data-specific-kind="SECTION"],
  div[data-specific-kind="STRIP"] {
    width: 100% !important;
    min-height: auto !important;
  }

  div[data-kind="TEXT"],
  div[data-specific-kind="TEXT"] {
    width: auto !important;
    max-width: 90% !important;
    margin: 20px auto !important;
    min-height: auto !important;
  }

  .styles_contentContainer__lrPIa h1,
  .styles_contentContainer__lrPIa h2,
  .styles_contentContainer__lrPIa h3 {
    font-size: clamp(24px, 8vw, 38px) !important;
    line-height: 1.15 !important;
  }

  .styles_contentContainer__lrPIa p,
  .styles_contentContainer__lrPIa span,
  .textnormal {
    font-size: clamp(16px, 4.5vw, 20px) !important;
    line-height: 1.45 !important;
  }

  .mobile-oversized,
  .mobile-undersized-upper {
    font-size: inherit !important;
  }

  div[data-kind="LOGO"],
  div[data-specific-kind="LOGO"] {
    width: 70% !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  div[data-kind="LOGO"] img,
  div[data-specific-kind="LOGO"] img {
    width: 100% !important;
    height: auto !important;
  }

  div[data-kind="BUTTON"] {
    width: 90% !important;
    max-width: 320px !important;
    height: auto !important;
    margin: 20px auto !important;
  }

  .ButtonPreview_textContainer__t8q7_ {
    min-height: 46px !important;
    padding: 12px 16px !important;
    text-align: center !important;
  }

  .Social_container__2rWh4 {
    justify-content: center !important;
  }

  .StripPreview_bgImageContainer__MFrbA,
  .Background_bgImageContainer__AwuIx {
    background-size: cover !important;
    background-position: center center !important;
  }

  table {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    overflow-x: auto;
  }

  iframe {
    width: 100% !important;
    min-height: 220px;
  }
}

/* Très petits smartphones */
@media screen and (max-width: 420px) {
  .styles_contentContainer__lrPIa h1 {
    font-size: clamp(22px, 9vw, 32px) !important;
  }

  .styles_contentContainer__lrPIa p,
  .styles_contentContainer__lrPIa span {
    font-size: 16px !important;
  }

  div[data-kind="TEXT"],
  div[data-specific-kind="TEXT"] {
    max-width: 92% !important;
  }
}