/* =====================================================
   NGP / EveryAction — FORM ONLY (SAFE)
   - Keeps fields visible
   - Hides banner/title/intro text
   - Transparent container
   ===================================================== */

/* Make embed container transparent (DON'T apply to all descendants) */
.custom-ngp-form,
.custom-ngp-form .ngp-form,
.custom-ngp-form .ngp-form-wrapper,
.custom-ngp-form .at,
.custom-ngp-form .at-inner {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

    /* --- HIDE HEADER / BRANDING / INTRO BLOCKS --- */
    /* (EA uses different classnames depending on form type; cover the common ones) */
    .custom-ngp-form .ngp-form-header,
    .custom-ngp-form .ngp-form-title,
    .custom-ngp-form .ngp-form-description,
    .custom-ngp-form .ngp-form-intro,
    .custom-ngp-form .at-header,
    .custom-ngp-form .at-title,
    .custom-ngp-form .at-intro,
    .custom-ngp-form .at-description,
    .custom-ngp-form .at-hero,
    .custom-ngp-form .at-banner,
    .custom-ngp-form .at-content > img,
    .custom-ngp-form .at-inner > img {
        display: none !important;
    }

    /* If the banner image is just an <img> inside the embed, hide images,
   but immediately re-allow field icons if any exist (rare). */
    .custom-ngp-form img {
        display: none !important;
    }

    .custom-ngp-form .at-field img,
    .custom-ngp-form .ngp-form-field img {
        display: inline-block !important;
    }

    /* --- KEEP THE FORM + FIELDS VISIBLE --- */
    .custom-ngp-form form {
        display: block !important;
    }

    /* Labels to white */
    .custom-ngp-form label,
    .custom-ngp-form .at-legend,
    .custom-ngp-form .at-label,
    .custom-ngp-form .ngp-form-label {
        color: #fff !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 700 !important;
        letter-spacing: 0.05em;
    }

    /* Inputs: force visible (white boxes) */
    .custom-ngp-form input[type="text"],
    .custom-ngp-form input[type="email"],
    .custom-ngp-form input[type="tel"],
    .custom-ngp-form input[type="number"],
    .custom-ngp-form select,
    .custom-ngp-form textarea {
        background: #fff !important;
        color: #000 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .custom-ngp-form .at-select select {
        background-image: none !important;
    }

    /* Placeholder (subtle) */
    .custom-ngp-form ::placeholder {
        color: rgba(0,0,0,0.45) !important;
    }

    /* Section headers like "Contact Information" */
    .custom-ngp-form .at-section-title,
    .custom-ngp-form .ngp-form-section-title {
        color: #fff !important;
    }

    /* Submit styling (keep yours if you already set it) */
    .custom-ngp-form button,
    .custom-ngp-form input[type="submit"] {
        border-radius: 0 !important;
        background-color: white !important;
        color: #0072CE;
    }
    /* =====================================================
   NGP / EveryAction — Remove remaining intro block
   (safe: does NOT hide the form)
   ===================================================== */

    /* 1) Most common EA wrapper names for the title/intro region */
    .custom-ngp-form .at-title,
    .custom-ngp-form .at-intro,
    .custom-ngp-form .at-description,
    .custom-ngp-form .ngp-form-title,
    .custom-ngp-form .ngp-form-intro,
    .custom-ngp-form .ngp-form-description {
        display: none !important;
    }

    /* 2) Structural fallback: hide any direct children of the embed wrapper
      that come BEFORE the actual form (this kills the white intro rectangle) */
    .custom-ngp-form > :not(form):not(.at-form):not(.ngp-form-form) {
        display: none !important;
    }

    /* 3) Extra-safe: if the form is nested, make sure it stays visible */
    .custom-ngp-form form,
    .custom-ngp-form .at-form,
    .custom-ngp-form .ngp-form-form {
        display: block !important;
    }