/* ================================================================
   BBG Contact Form — Neumorphic / Stripe-clarity override
   Loaded via ?v2=1
   ================================================================ */

/* ── Surface ─────────────────────────────────────────────────── */
body.page-contact .elementor-section:not(:first-child),
body.page-contact .e-con:not(:first-child) {
    background-color: #e8ecf2 !important;
}

/* ── Neumorphic tokens ───────────────────────────────────────── */
.bbg-cf {
    --neu-bg: #e8ecf2;
    --neu-d:  #c5cbd7;
    --neu-l:  #ffffff;
}

/* ── Card — extruded ─────────────────────────────────────────── */
.bbg-cf__card {
    background: var(--neu-bg) !important;
    border: none !important;
    box-shadow:
        8px 8px 22px var(--neu-d),
       -8px -8px 22px var(--neu-l) !important;
    border-radius: 24px !important;
}

/* ── Accent bar ──────────────────────────────────────────────── */
.bbg-cf__accent {
    height: 3px;
    background: linear-gradient(90deg, #002D72 0%, #0D6EFD 50%, #00C2FF 100%);
    opacity: .7;
}

/* ── Header — sunken recess ──────────────────────────────────── */
.bbg-cf__header {
    background: var(--neu-bg) !important;
    border-bottom: none !important;
    padding-bottom: 24px;
}

/* ── Icon wrap — extruded pill ───────────────────────────────── */
.bbg-cf__icon-wrap {
    box-shadow:
        4px 4px 10px var(--neu-d),
       -4px -4px 10px var(--neu-l) !important;
    border-radius: 16px !important;
}

/* ── Inputs — sunken wells ───────────────────────────────────── */
.bbg-cf__input {
    background: var(--neu-bg) !important;
    border: none !important;
    box-shadow:
        inset 3px 3px 7px var(--neu-d),
        inset -3px -3px 7px var(--neu-l) !important;
    border-radius: 12px !important;
    transition: box-shadow .2s, background .2s !important;
}

.bbg-cf__input:focus {
    background: var(--neu-bg) !important;
    box-shadow:
        inset 3px 3px 7px var(--neu-d),
        inset -3px -3px 7px var(--neu-l),
        0 0 0 3px rgba(0, 45, 114, 0.12) !important;
}

.bbg-cf__input.bbg-cf--invalid {
    background: var(--neu-bg) !important;
    box-shadow:
        inset 3px 3px 7px var(--neu-d),
        inset -3px -3px 7px var(--neu-l),
        0 0 0 3px rgba(229, 62, 62, 0.12) !important;
}

/* ── Submit button — extruded ────────────────────────────────── */
.bbg-cf__submit {
    border-radius: 14px !important;
    box-shadow:
        5px 5px 14px var(--neu-d),
       -5px -5px 14px var(--neu-l),
        0 4px 18px rgba(13, 110, 253, 0.22) !important;
}

.bbg-cf__submit:hover {
    transform: translateY(-1px) !important;
    box-shadow:
        6px 6px 18px var(--neu-d),
       -6px -6px 18px var(--neu-l),
        0 6px 24px rgba(13, 110, 253, 0.30) !important;
}

.bbg-cf__submit:active {
    transform: none !important;
    box-shadow:
        inset 3px 3px 7px var(--neu-d),
        inset -3px -3px 7px var(--neu-l) !important;
}

/* ── Success icon — extruded circle ──────────────────────────── */
.bbg-cf__success-icon {
    box-shadow:
        5px 5px 14px var(--neu-d),
       -5px -5px 14px var(--neu-l) !important;
}

/* ── Labels ──────────────────────────────────────────────────── */
.bbg-cf__label {
    color: #374A6D;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 480px) {
    .bbg-cf__card {
        border-radius: 18px !important;
        box-shadow:
            6px 6px 16px var(--neu-d),
           -6px -6px 16px var(--neu-l) !important;
        border: none !important;
    }
}