/* ==========================================================================
   SudBed — Corrections responsive / mobile (chargé globalement, en dernier)

   - Empêche tout débordement horizontal de page (le contenu reste dans la
     fenêtre, l'utilisateur ne peut plus faire glisser le site gauche/droite).
   - Garantit que les médias respectent leur conteneur (images, vidéos,
     iframes, SVG).
   - Assure que le widget Cloudflare Turnstile inséré dans la ligne
     email + bouton de la newsletter se place sur sa propre ligne sur
     les petits écrans (sécurité supplémentaire en plus de l'injection JS).
   ========================================================================== */

html,
body {
    overflow-x: clip;
    max-width: 100%;
    /* Comportement "app" : pas de scroll au-delà des bords du site
       (ni rebond élastique iOS, ni propagation à un parent scrollable). */
    overscroll-behavior: none;
}

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

img,
video {
    height: auto;
}

/* Newsletter — si le widget Turnstile se retrouve quand même à l'intérieur
   de la ligne email+bouton, on autorise le retour à la ligne et on force le
   widget en pleine largeur sur sa propre ligne. */
.sb-newsletter__row {
    flex-wrap: wrap;
}
.sb-newsletter__row .sudbed-turnstile {
    flex: 1 0 100%;
    max-width: 100%;
    margin: 8px 0 0;
}
