/* ═══════════════════════════════════════════════════════════
   HOLDING — Contact / Register Interest  (body.rh-contact)
   DELETE this file and the css/holding/ folder at go-live.
   ═══════════════════════════════════════════════════════════ */

body.rh-contact {
    background: var(--navy);
    color: #fff;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.rh-contact-header {
    position: relative;
    width: 100%;
    padding: 4rem 2rem 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.rh-back {
    position: absolute;
    top: 1.8rem;
    left: 2.5rem;
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    font-family: var(--font-body);
    font-weight: var(--weight-medium);
    font-size: 0.68rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    transition: color 0.2s;
}

.rh-back:hover { color: var(--gold); }

.rh-back svg {
    width: 13px;
    height: 13px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rh-contact-header__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rh-contact-header__logo {
    height: clamp(40px, 5vw, 60px);
    width: auto;
    margin-bottom: 2rem;
}

.rh-contact-header__title {
    font-family: var(--font-heading);
    color: #fff;
    font-size: clamp(1.8rem, 3.5vw, 3rem);
    font-weight: 700;
    letter-spacing: 0.03em;
    margin-bottom: 0.6rem;
}

.rh-contact-header__sub {
    color: rgba(255, 255, 255, 0.55);
    font-family: var(--font-body);
    font-weight: var(--weight-medium);
    font-size: clamp(0.65rem, 1.1vw, 0.78rem);
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.rh-contact-header__rule {
    width: 42px;
    height: 1px;
    background: var(--gold);
    margin: 1.2rem auto 0;
}

.rh-form-section {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 2rem 1.5rem 5rem;
}

.rh-form-card {
    background: #f9fbee;
    width: 100%;
    max-width: 720px;
    padding: 3rem 3.5rem;
}

/* ── WPForms brand overrides ───────────────────────────────── */

.renmore-homes-form .wpforms-field-label {
    font-family: var(--font-body) !important;
    font-size: 0.68rem !important;
    font-weight: var(--weight-semibold) !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: var(--navy) !important;
    margin-bottom: 0.5rem !important;
}

.renmore-homes-form .enquiry-form-name input[type="text"],
.renmore-homes-form .enquiry-form-email input[type="email"],
.renmore-homes-form .enquiry-form-phone input[type="tel"],
.renmore-homes-form .enquiry-form-phone input[type="text"],
.renmore-homes-form .enquiry-form-developments input[type="text"],
.renmore-homes-form .enquiry-form-developments select,
.renmore-homes-form .enquiry-form-bedrooms input[type="text"],
.renmore-homes-form .enquiry-form-bedrooms select,
.renmore-homes-form .enquiry-form-text-area textarea,
.renmore-homes-form input[type="text"]:not([type="checkbox"]),
.renmore-homes-form input[type="email"],
.renmore-homes-form input[type="tel"] {
    font-family: var(--font-body) !important;
    font-weight: var(--weight-light) !important;
    font-size: 0.85rem !important;
    width: 100% !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 0 !important;
    color: var(--navy) !important;
    padding: 0.85rem 1rem !important;
    box-shadow: none !important;
    transition: border-color 0.2s !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.renmore-homes-form .enquiry-form-phone input[type="tel"],
.renmore-homes-form .enquiry-form-phone input[type="text"] {
    padding-left: 45px !important;
}

.renmore-homes-form input::placeholder,
.renmore-homes-form textarea::placeholder {
    color: rgba(0, 17, 56, 0.30) !important;
}

.renmore-homes-form input[type="text"]:focus,
.renmore-homes-form input[type="email"]:focus,
.renmore-homes-form input[type="tel"]:focus,
.renmore-homes-form select:focus,
.renmore-homes-form textarea:focus {
    border-color: var(--gold) !important;
    outline: none !important;
    box-shadow: none !important;
}

.renmore-homes-form .enquiry-form-text-area textarea {
    min-height: 130px !important;
    resize: vertical !important;
}

.renmore-homes-form .enquiry-form-developments .wpforms-field-label-inline,
.renmore-homes-form .enquiry-form-bedrooms .wpforms-field-label-inline {
    font-family: var(--font-body) !important;
    font-size: 0.82rem !important;
    font-weight: var(--weight-light) !important;
    color: var(--navy) !important;
    vertical-align: middle !important;
}

.renmore-homes-form .enquiry-form-developments ul,
.renmore-homes-form .enquiry-form-bedrooms ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0.5rem !important;
}

.renmore-homes-form .enquiry-form-developments ul li,
.renmore-homes-form .enquiry-form-bedrooms ul li {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
}

.renmore-homes-form .enquiry-form-developments input[type="checkbox"]::before,
.renmore-homes-form .enquiry-form-bedrooms input[type="checkbox"]::before {
    display: none !important;
    content: none !important;
}

.renmore-homes-form .enquiry-form-developments input[type="checkbox"],
.renmore-homes-form .enquiry-form-bedrooms input[type="checkbox"] {
    width: 42.98px !important;
    height: 42.98px !important;
    min-width: 42.98px !important;
    min-height: 42.98px !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    position: relative !important;
    flex-shrink: 0 !important;
    transition: background 0.2s, border-color 0.2s !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.renmore-homes-form .enquiry-form-developments input[type="checkbox"]:checked,
.renmore-homes-form .enquiry-form-bedrooms input[type="checkbox"]:checked {
    background-color:    var(--navy) !important;
    border-color:        var(--navy) !important;
    background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CCBA78' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
    background-repeat:   no-repeat !important;
    background-position: center !important;
    background-size:     22px 22px !important;
}

.renmore-homes-form .enquiry-form-developments input[type="checkbox"]:checked::after,
.renmore-homes-form .enquiry-form-bedrooms input[type="checkbox"]:checked::after {
    content: none !important;
}

.renmore-homes-form .enquiry-form-developments input[type="checkbox"]:hover,
.renmore-homes-form .enquiry-form-bedrooms input[type="checkbox"]:hover {
    border-color: var(--gold) !important;
}

.renmore-homes-submit-btn {
    font-family: var(--font-body) !important;
    font-size: 0.72rem !important;
    font-weight: var(--weight-semibold) !important;
    letter-spacing: 0.26em !important;
    text-transform: uppercase !important;
    background: transparent !important;
    color: var(--navy) !important;
    border: 1px solid var(--navy) !important;
    border-radius: 0 !important;
    padding: 1rem 3.2rem !important;
    cursor: pointer !important;
    transition: background 0.3s, color 0.3s, border-color 0.3s !important;
}

.renmore-homes-submit-btn:hover {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    color: var(--navy) !important;
}

.rh-footer {
    background: transparent;
    border-top: 1px solid rgba(204, 186, 120, 0.34);
    padding: 1.5rem 3rem;
    text-align: center;
}

.rh-footer p {
    color: rgba(255, 255, 255, 1);
    font-size: 0.62rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

@media (max-width: 600px) {
    .rh-back { left: 1.5rem; top: 1.4rem; }
    .rh-form-card { padding: 2rem 1.5rem; }
}