
/* ===== INLINE FORM ===== */

/* WRAPPER */
.my-form-wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
}

/* INLINE FORM */
.my-inline-form{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}

/* INPUTS */
.my-inline-form input{
    flex:1;
    min-width:180px;
    padding:10px;
}

/* CENTER CAPTCHA + BUTTON BLOCK */
.submit-container{
    flex-basis:100%;
    display:flex;
    justify-content:center;   /* ðŸ”¥ center whole group */
    align-items:center;
    gap:12px;
    margin-top:10px;
    flex-wrap:nowrap;         /* ðŸ”¥ keep in one line */
}

/* TURNSTILE FIX */
.cf-turnstile{
    transform:scale(0.8);
    transform-origin:center;
    flex-shrink:0;   /* ðŸ”¥ prevents squeezing */
}

@media (max-width: 1100px) {

    .my-inline-form {
        flex-direction: column;
        align-items: stretch;
    }

    .my-inline-form input {
        width: 100%;
        min-width: 0;
    }

    /* IMPORTANT: STOP FLEX FROM CONTROLLING TURNSTILE */
    .submit-container {
        display: block;   /* 🔥 KEY FIX */
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    /* TURNSTILE SAFE WRAPPER */
    .cf-turnstile {
        display: inline-block;
        transform: scale(0.85);
        transform-origin: center;
        max-width: 100%;
        overflow: hidden;
    }

    /* BUTTON FIX */
    .submit-container button,
    .submit-container .btn {
        display: block;
        width: 100%;
        max-width: 260px;
        margin: 10px auto 0;
    }
}