/**
 * Contact Us - re-skin to the site design system.
 *
 * The page content is unchanged; these rules restyle the existing Elementor
 * widgets (page header, contact form) from the old dark theme to the same
 * palette, typography and controls used on the homepage and the affiliate page.
 *
 * Every selector is prefixed with .abp5-ngc-standalone so it applies only on
 * this template, and so it outranks the widgets' own single-class rules in
 * contact-form-site1.css / page-header.css without needing !important.
 *
 * Palette, borrowed wholesale from non-gamstop-page-3.css:
 *   text #1a1d24 · muted #5b6270 · heading #10131a
 *   border #e4e8ef · panel #f6f8fb · CTA #0a7d33 (hover #086628) · link #1f6feb
 */

/* ------------------------------------------------------------------ *
 * Page header - was a #1d1d1d band
 * ------------------------------------------------------------------ */

.abp5-ngc-standalone .abp5_page_header_wrap {
    background: transparent;
    padding: 0;
    display: block;
}

.abp5-ngc-standalone .abp5_page_header {
    max-width: none;
    margin: 0;
    text-align: left;
}

.abp5-ngc-standalone .abp5_page_header_title {
    font-family: inherit;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.25;
    color: #10131a;
    margin: 0 0 .35em;
}

.abp5-ngc-standalone .abp5_page_header_description {
    font-family: inherit;
    color: #3a4150;
    max-width: none;
    margin: 0;
}

/* ------------------------------------------------------------------ *
 * Author block - was white-on-dark
 * ------------------------------------------------------------------ */

.abp5-ngc-standalone .abp5_author_block {
    margin: 0 0 18px;
    font-family: inherit;
}

.abp5-ngc-standalone .abp5_author_block_center {
    justify-content: flex-start;
}

.abp5-ngc-standalone .abp5_author_block_label {
    color: #3a4150;
}

.abp5-ngc-standalone .abp5_author_block_value {
    color: #5b6270;
}

.abp5-ngc-standalone .abp5_author_block_photo {
    background: #eef1f6;
}

/* ------------------------------------------------------------------ *
 * Intro and closing paragraphs
 * ------------------------------------------------------------------ */

.abp5-ngc-standalone .abp5_contact_page_intro,
.abp5-ngc-standalone .abp5_contact_page_outro {
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
}

.abp5-ngc-standalone .abp5_contact_page_outro {
    margin-top: 4px;
}

.abp5-ngc-standalone .abp5_contact_page_intro p,
.abp5-ngc-standalone .abp5_contact_page_outro p {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.7;
    color: #1a1d24;
    max-width: none;
    margin: 0 0 1em;
}

/* ------------------------------------------------------------------ *
 * Contact form - was a #000 block with white text
 * ------------------------------------------------------------------ */

.abp5-ngc-standalone .abp5_contact_form_site1 {
    background: transparent;
    padding: 8px 0 0;
}

.abp5-ngc-standalone .abp5_contact_form_site1_inner {
    max-width: none;
    gap: 32px;
}

.abp5-ngc-standalone .abp5_contact_form_site1_eyebrow {
    font-family: inherit;
    color: #5b6270;
}

.abp5-ngc-standalone .abp5_contact_form_site1_heading {
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: 800;
    color: #10131a;
}

.abp5-ngc-standalone .abp5_contact_form_site1_description {
    font-family: inherit;
    color: #3a4150;
    max-width: none;
}

.abp5-ngc-standalone .abp5_contact_form_site1_contact_icon {
    color: #0a7d33;
}

.abp5-ngc-standalone .abp5_contact_form_site1_contact_text,
.abp5-ngc-standalone .abp5_contact_form_site1_contact_link {
    font-family: inherit;
    color: #1a1d24;
}

.abp5-ngc-standalone .abp5_contact_form_site1_contact_link:hover {
    color: #1f6feb;
}

/* Fields: bordered boxes rather than underlines on black */
.abp5-ngc-standalone .abp5_contact_form_site1_form_field {
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border: 1px solid #e4e8ef;
    border-radius: 8px;
    background: #fff;
}

.abp5-ngc-standalone .abp5_contact_form_site1_form_field:focus-within {
    border-color: #1f6feb;
}

.abp5-ngc-standalone .abp5_contact_form_site1_form_field_full {
    align-items: flex-start;
    padding-top: 10px;
}

.abp5-ngc-standalone .abp5_contact_form_site1_field_icon {
    color: #9aa1ad;
}

.abp5-ngc-standalone .abp5_contact_form_site1_input,
.abp5-ngc-standalone .abp5_contact_form_site1_textarea {
    font-family: inherit;
    font-size: 1rem;
    color: #1a1d24;
    background: transparent;
    padding: 11px 0;
}

.abp5-ngc-standalone .abp5_contact_form_site1_input::placeholder,
.abp5-ngc-standalone .abp5_contact_form_site1_textarea::placeholder {
    color: #9aa1ad;
}

/* Submit: the site's standard green CTA */
.abp5-ngc-standalone .abp5_contact_form_site1_submit {
    font-family: inherit;
    background: #0a7d33;
    border-radius: 8px;
    box-shadow: none;
    font-size: 1rem;
    padding: 12px 22px;
    min-height: 44px;
}

.abp5-ngc-standalone .abp5_contact_form_site1_submit:hover {
    background: #086628;
    box-shadow: none;
    transform: none;
}

.abp5-ngc-standalone .abp5_contact_form_site1_privacy {
    font-family: inherit;
    color: #3a4150;
}

.abp5-ngc-standalone .abp5_contact_form_site1_checkbox {
    accent-color: #0a7d33;
}

.abp5-ngc-standalone .abp5_contact_form_site1_privacy_text a.abp5_cf_privacy_link {
    color: #1f6feb;
}

.abp5-ngc-standalone .abp5_contact_form_site1_privacy_text a.abp5_cf_privacy_link:hover {
    color: #0a58c2;
}

/* ------------------------------------------------------------------ *
 * Map and any other embeds
 * ------------------------------------------------------------------ */

.abp5-ngc-standalone .abp5-ngc-article iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 1px solid #e4e8ef;
    border-radius: 12px;
}

@media (max-width: 768px) {
    .abp5-ngc-standalone .abp5_page_header_title {
        font-size: 1.6rem;
    }

    .abp5-ngc-standalone .abp5_contact_form_site1_heading {
        font-size: 1.3rem;
    }
}