/* turnstile_fix.css
   Fix: Cloudflare Turnstile can inject fixed-width wrappers/iframes
   that create horizontal overflow on mobile.
*/

/* 0) Prevent page-level horizontal overflow */
html,
body {
	overflow-x: hidden;
}

/* 1) Turnstile root container must not expand layout */
.cf-turnstile {
	max-width: 100%;
	overflow: hidden;

	/* center widget so it doesn't "stick out" to the right on mobile */
	display: flex;
	justify-content: center;
}

/* 2) Cloudflare injected wrappers/iframe sometimes have fixed width */
.cf-turnstile iframe,
.cf-turnstile > div,
.cf-turnstile > div > div {
	max-width: 100% !important;
	overflow: hidden !important;
}

/* 3) Ultra-narrow phones: gently scale down to ensure it always fits */
@media (max-width: 360px) {
	.cf-turnstile {
		transform: scale(0.92);
		transform-origin: center;
	}
}