/**
 * QA fixes – Montclair at Partridge Creek
 * Loaded after the child style.css (see functions.php) so nothing here
 * needs to be merged into style.css by hand.
 */

/* ------------------------------------------------------------------
 * 1. Heading structure
 * Hero/intro headings are now H1s. These rules give each H1 the exact
 * look its H2 had, and cancel the global `h1 { line-height: 1.6px }`
 * in main.css and Bootstrap's 2.5rem H1 size.
 * ------------------------------------------------------------------ */

/* Parallax hero (Gallery, Amenities, Floor Plans, Neighborhood, …) */
.parallax_content_box_content h1 {
    font-family: var(--display-font);
    text-transform: uppercase;
    font-size: 36px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    line-height: 1.6;
}
.page-id-14 .parallax_content_box_content h1 {
    font-size: 33px;
}

/* FAQs intro */
.faqs_section_intro h1 {
    color: var(--color_3);
    font-family: var(--display-font);
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: normal;
    margin-bottom: 20px;
}

/* Contact intro */
.contact_section_header h1 {
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    font-size: 36px;
    letter-spacing: 2px;
    line-height: 1.6;
    margin: 0;
}

/* Default page template header (Check Availability, etc.) and the
 * Directions page title. These were the only title-case headings
 * among all-caps ones, so they now match the uppercase treatment. */
.page_header_inner h1,
h1.directions_title {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .parallax_content_box_content h1 {
        font-size: 22px;
    }
    .page-id-14 .parallax_content_box_content h1 {
        font-size: 26px;
    }
    .contact_section_header h1 {
        font-size: 26px;
    }
}

/* ------------------------------------------------------------------
 * 2. Buttons – one standard CTA: burgundy filled
 * Hover matches the existing primary-button hover (light bg, dark text).
 * ------------------------------------------------------------------ */
:root {
    --cta-bg: #7D2E3E;
    --cta-text: #FFFFFF;
    --cta-hover-bg: var(--color_1);
    --cta-hover-text: var(--color_3);
}

/* Form submit buttons (Contact, Schedule Tour, Send to a Friend) */
.submit_field input,
.contact_field_submit_el input,
input.wpcf7-submit {
    background: var(--cta-bg);
    border: 1px solid var(--cta-bg);
    color: var(--cta-text);
    font-family: var(--general-font);
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 10px 60px;
}
.submit_field input:hover,
.contact_field_submit_el input:hover,
input.wpcf7-submit:hover {
    background: var(--cta-hover-bg);
    border-color: var(--cta-hover-bg);
    color: var(--cta-hover-text);
}

/* Thank-you / Portfolio "Explore Community" */
.thank-you-btns a {
    background: var(--cta-bg);
    border: 1px solid var(--cta-bg);
    color: var(--cta-text);
    font-family: var(--general-font);
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 10px 60px;
}
.thank-you-btns a:hover {
    background: var(--cta-hover-bg);
    border-color: var(--cta-hover-bg);
    color: var(--cta-hover-text);
}

/* Header + drawer menu CTAs: Schedule Tour (3415), Availability (3378), phone */
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3378,
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3415,
.menu-phone-button {
    background: var(--cta-bg);
    border-color: var(--cta-bg);
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3378:hover,
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3415:hover,
.menu-phone-button:hover {
    background: var(--cta-hover-bg);
    border-color: var(--cta-hover-bg);
}
/* Footer keeps "Availability" as a plain text link */
.footer li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3378,
.footer li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3378:hover {
    background: unset;
}