/* tsfix.v3.css — Turnstile overflow fix WITHOUT resizing (CSP-safe, CSS-only)
   Goal: keep the widget's native size exactly as-is, but eliminate right-edge overflow.
   Strategy:
   - Put Turnstile on its own wrapped line (no squeezing).
   - Center it.
   - Ensure containers can’t create horizontal overflow.
   - DO NOT set width/max-width beyond 100% caps (no forced scaling).
*/
.turnstileRow{
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important; /* clips sub-pixel bleed without changing size */
  padding-right:2px !important; /* buffer for rounding */
}

/* Button row must wrap so Turnstile never gets squeezed */
.btnRow{
  display:flex !important;
  flex-wrap:wrap !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}

/* If the form sits in a panel/card, prevent children from pushing wider */
.panel, .card{
  max-width:100% !important;
  overflow-x:hidden !important;
}

/* Turnstile element stays native-sized; only cap to container if needed */
.turnstileRow .cf-turnstile{
  display:block !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 auto !important;
}

/* Some variants set fixed iframe width; cap it (no width override) */
.turnstileRow .cf-turnstile iframe{
  display:block !important;
  max-width:100% !important;
}
