/* ================================================================
   BBG Participation / Enquiry Form — Neumorphic override
   Loaded via ?v2=1
   All rules use !important to beat the base form's hardened selectors.
   ================================================================ */

/* ── Surface ─────────────────────────────────────────────────── */
.bbg-pf,
div.bbg-pf {
    background: linear-gradient(180deg, #e8ecf2 0%, #e4e9f0 40%, #e8ecf2 100%) !important;
}

/* ── Neumorphic tokens (used in shadows) ─────────────────────── */
:root {
    --pf-neu-bg: #e8ecf2;
    --pf-neu-d:  #c5cbd7;
    --pf-neu-l:  #ffffff;
}

/* ── Form card — extruded ────────────────────────────────────── */
.bbg-pf__card,
.bbg-pf .bbg-pf__card {
    background: #e8ecf2 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow:
        8px 8px 22px #c5cbd7,
       -8px -8px 22px #ffffff !important;
    border-radius: 24px !important;
}

/* ── Accent bar — keep but soften ────────────────────────────── */
.bbg-pf__accent,
.bbg-pf .bbg-pf__accent {
    opacity: .5 !important;
}

/* ── Icon wrap — extruded ────────────────────────────────────── */
.bbg-pf__icon-wrap,
.bbg-pf .bbg-pf__icon-wrap {
    box-shadow:
        4px 4px 10px #c5cbd7,
       -4px -4px 10px #ffffff !important;
}

/* ── Inputs — sunken wells ───────────────────────────────────── */
.bbg-pf__input,
.bbg-pf .bbg-pf__input,
.bbg-pf input.bbg-pf__input,
.bbg-pf select.bbg-pf__input,
.bbg-pf textarea.bbg-pf__input {
    background: #e8ecf2 !important;
    border: none !important;
    box-shadow:
        inset 3px 3px 7px #c5cbd7,
        inset -3px -3px 7px #ffffff !important;
    border-radius: 14px !important;
}

.bbg-pf__input:focus,
.bbg-pf .bbg-pf__input:focus,
.bbg-pf input.bbg-pf__input:focus,
.bbg-pf select.bbg-pf__input:focus,
.bbg-pf textarea.bbg-pf__input:focus {
    background: #e8ecf2 !important;
    border: none !important;
    box-shadow:
        inset 3px 3px 7px #c5cbd7,
        inset -3px -3px 7px #ffffff,
        0 0 0 3px rgba(0, 80, 200, 0.12) !important;
}

.bbg-pf__input.bbg-pf--error,
.bbg-pf .bbg-pf__input.bbg-pf--error {
    box-shadow:
        inset 3px 3px 7px #c5cbd7,
        inset -3px -3px 7px #ffffff,
        0 0 0 3px rgba(231, 76, 60, .12) !important;
}

/* ── Select arrow fix ────────────────────────────────────────── */
.bbg-pf__select,
.bbg-pf .bbg-pf__select,
.bbg-pf select.bbg-pf__select {
    background-color: #e8ecf2 !important;
}

/* ── Consent box — subtle sunken ─────────────────────────────── */
.bbg-pf__consent,
.bbg-pf .bbg-pf__consent {
    background: #e8ecf2 !important;
    border: none !important;
    box-shadow:
        inset 2px 2px 5px #c5cbd7,
        inset -2px -2px 5px #ffffff !important;
    border-radius: 14px !important;
}

/* ── Checkbox box — extruded ─────────────────────────────────── */
.bbg-pf__checkmark-box,
.bbg-pf .bbg-pf__checkmark-box {
    background: #e8ecf2 !important;
    border: none !important;
    box-shadow:
        2px 2px 5px #c5cbd7,
       -2px -2px 5px #ffffff !important;
}

.bbg-pf__checkbox:checked + .bbg-pf__checkmark-box,
.bbg-pf .bbg-pf__checkbox:checked + .bbg-pf__checkmark-box {
    border: none !important;
    box-shadow:
        inset 2px 2px 5px rgba(0, 0, 0, .15),
        inset -2px -2px 5px rgba(255, 255, 255, .5) !important;
}

/* ── Submit button — extruded ────────────────────────────────── */
.bbg-pf__submit,
.bbg-pf .bbg-pf__submit,
.bbg-pf button.bbg-pf__submit {
    border-radius: 16px !important;
    box-shadow:
        5px 5px 14px #c5cbd7,
       -5px -5px 14px #ffffff,
        0 4px 18px rgba(0, 24, 69, 0.20) !important;
}

.bbg-pf__submit:hover,
.bbg-pf .bbg-pf__submit:hover,
.bbg-pf button.bbg-pf__submit:hover {
    box-shadow:
        6px 6px 18px #c5cbd7,
       -6px -6px 18px #ffffff,
        0 6px 24px rgba(0, 24, 69, 0.28) !important;
}

.bbg-pf__submit:active,
.bbg-pf .bbg-pf__submit:active {
    transform: none !important;
    box-shadow:
        inset 3px 3px 7px #c5cbd7,
        inset -3px -3px 7px #ffffff !important;
}

/* ── Contact items — extruded pills ──────────────────────────── */
.bbg-pf__contact-item,
.bbg-pf .bbg-pf__contact-item,
.bbg-pf a.bbg-pf__contact-item {
    background: #e8ecf2 !important;
    border: none !important;
    box-shadow:
        4px 4px 10px #c5cbd7,
       -4px -4px 10px #ffffff !important;
    border-radius: 14px !important;
}

.bbg-pf__contact-item:hover,
.bbg-pf a.bbg-pf__contact-item:hover {
    background: #e8ecf2 !important;
    border: none !important;
    box-shadow:
        inset 3px 3px 7px #c5cbd7,
        inset -3px -3px 7px #ffffff !important;
}

/* ── Intro highlight box — sunken ────────────────────────────── */
.bbg-pf__intro-text--highlight,
.bbg-pf .bbg-pf__intro-text--highlight {
    background: #e8ecf2 !important;
    border: none !important;
    box-shadow:
        inset 2px 2px 5px #c5cbd7,
        inset -2px -2px 5px #ffffff !important;
    border-radius: 14px !important;
}

/* ── Confirmation chips — extruded ───────────────────────────── */
.bbg-pf__confirm-chip {
    background: #e8ecf2 !important;
    border: none !important;
    box-shadow:
        3px 3px 7px #c5cbd7,
       -3px -3px 7px #ffffff !important;
    border-radius: 40px !important;
}

/* ── Confirmation contact links — extruded ───────────────────── */
.bbg-pf__confirm-contact-link,
.bbg-pf .bbg-pf__confirm-contact-link,
.bbg-pf a.bbg-pf__confirm-contact-link {
    background: #e8ecf2 !important;
    border: none !important;
    box-shadow:
        3px 3px 7px #c5cbd7,
       -3px -3px 7px #ffffff !important;
    border-radius: 10px !important;
}

.bbg-pf__confirm-contact-link:hover,
.bbg-pf a.bbg-pf__confirm-contact-link:hover {
    background: #e8ecf2 !important;
    box-shadow:
        inset 3px 3px 7px #c5cbd7,
        inset -3px -3px 7px #ffffff !important;
}

/* ── New enquiry button — extruded ───────────────────────────── */
.bbg-pf__confirm-btn,
.bbg-pf .bbg-pf__confirm-btn,
.bbg-pf button.bbg-pf__confirm-btn {
    background: #e8ecf2 !important;
    border: none !important;
    box-shadow:
        4px 4px 10px #c5cbd7,
       -4px -4px 10px #ffffff !important;
    border-radius: 14px !important;
}

.bbg-pf__confirm-btn:hover,
.bbg-pf .bbg-pf__confirm-btn:hover {
    background: #e8ecf2 !important;
    box-shadow:
        inset 3px 3px 7px #c5cbd7,
        inset -3px -3px 7px #ffffff !important;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 640px) {
    .bbg-pf__card,
    .bbg-pf .bbg-pf__card {
        box-shadow:
            6px 6px 16px #c5cbd7,
           -6px -6px 16px #ffffff !important;
        border-radius: 18px !important;
    }
}