/* =============================================================
   Vectivo — extra-pro.css
   Turnstile widget styling + small visual additions
   ============================================================= */

/* ── Turnstile widget container ────────────────────────────── */
.form-turnstile {
    margin: 20px 0;
    min-height: 65px;  /* voorkomt CLS bij async load */
}
.form-turnstile .cf-turnstile {
    display: inline-block;
}

/* Vergroot het Turnstile-widget op mobiel zodat het niet uitschuift */
@media (max-width: 320px) {
    .form-turnstile .cf-turnstile {
        transform: scale(0.85);
        transform-origin: 0 0;
    }
}

/* Settings-view in auth context */
.auth-form .form-turnstile {
    margin: 14px 0 20px;
}