/* ──────────────────────────────────────────────
   Neon One embedded forms
   Used on: Care Package Request, Flower Request,
   Need a Sister, Volunteer as Sister.
   The Neon script injects <span id="neon-form-embed-N-container">
   followed by an <iframe> that self-reports its height via postMessage.
   ────────────────────────────────────────────── */

.bc-neon-form {
    width: 100%;
    /* Holds space while the Neon iframe boots so the page doesn't jump. */
    min-height: 320px;
}

.bc-neon-form iframe {
    width: 100%;
    border: 0;
    display: block;
    /* Neon sets an explicit pixel height via postMessage once loaded. */
    background: var(--white, #fff);
}

/* Neon's own loading spinner sits in a positioned container; keep it centred
   and stop it inheriting the theme's link/list styling. */
.bc-neon-form .embed-neon-loading {
    border-radius: var(--radius-md, 8px);
}

.bc-neon-form__fallback {
    margin-top: 20px;
    font-size: 0.85rem;
    color: var(--gray-text, #5a6b70);
}

.bc-neon-form__fallback a {
    color: var(--teal, #21a5a5);
    text-decoration: underline;
    font-weight: 600;
}

.bc-neon-form__fallback a:hover,
.bc-neon-form__fallback a:focus {
    color: var(--navy, #1a363d);
}

.bc-neon-form__fallback i {
    font-size: 0.72rem;
    margin-left: 2px;
}

.bc-neon-form__noscript {
    padding: 24px;
    background: var(--warm-white, #faf7f4);
    border-radius: var(--radius-lg, 14px);
    color: var(--gray-text, #5a6b70);
    font-size: 0.92rem;
}

.bc-neon-form__noscript a {
    color: var(--teal, #21a5a5);
    text-decoration: underline;
}

@media (max-width: 768px) {
    .bc-neon-form {
        min-height: 260px;
    }
}