/* Cloudflare renders the widget into a fixed-size iframe of its own. These
   rules only reserve its space and place it; nothing here styles the widget. */
.glomi-turnstile { display: block; width: 100%; min-height: 65px; }
.glomi-turnstile iframe { display: block; max-width: 100%; }

/* The quick-call box is a two-control row. Its widget runs interaction-only,
   so it has no height until Cloudflare actually needs the visitor. */
.glomi-turnstile-quiet { min-height: 0; }
.glomi-turnstile-quiet:not(:empty) { margin-top: 10px; }

@media (max-width: 480px) {
  .glomi-turnstile { min-height: 74px; }
  .glomi-turnstile-quiet { min-height: 0; }
}

/* Shown by site.js when Cloudflare's check stalls. Inherits the card's colour,
   so it reads on both the light demo form and the dark quick-call box. */
.glomi-turnstile-help { margin: 8px 0 0; color: inherit; opacity: 0.85; }
.glomi-turnstile-retry { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }

/* Shown by site.js only inside Instagram's in-app browser, where the check rarely passes. */
.glomi-inapp-hint { margin: 0 0 16px; padding: 12px 14px; border-radius: 12px; background: var(--surface-brand-wash); color: var(--text-brand); border: 1px solid var(--border-brand); }