/**
 * Rental valuation capture form (2.85.0).
 * Spec: dvextension-documents/FEATURE-RENTAL-VALUATION-LEADS.md
 *
 * Two modes: default (a page's main event) and .dv-rv-compact, used where the
 * form is deliberately subordinate to something else on the page - notably the
 * sold-price pages, where the sale CTA must stay the primary action.
 */

.dv-rv {
    background: #fff;
    border: 1px solid var(--dv-divider, #E2E6EA);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

.dv-rv-heading {
    margin: 0 0 .4rem;
    font-size: 1.35rem;
    color: var(--dv-deep-navy, #1F3A5F);
}

.dv-rv-intro {
    margin: 0 0 1.1rem;
    color: var(--dv-text-secondary, #6C757D);
}

.dv-rv-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.dv-rv-field { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.dv-rv-field-wide { grid-column: 1 / -1; }

.dv-rv-field label {
    font-size: .85rem;
    font-weight: 500;
    color: var(--dv-deep-navy, #1F3A5F);
}

/* 2026-09-12: was var(--dv-text-muted) #9AA4AF - 2.53:1, a WCAG AA fail. #6B6A64 is
   the page system's ink-3: 5.4:1 on white. */
.dv-rv-optional {
    font-weight: 400;
    color: #6B6A64;
}

.dv-rv-field input,
.dv-rv-field select,
.dv-rv-field textarea {
    width: 100%;
    padding: 10px 12px;
    font-size: .95rem;
    font-family: inherit;
    color: #1c1f23;
    background: #fff;
    border: 1px solid var(--dv-divider, #E2E6EA);
    border-radius: 8px;
}

.dv-rv-field input:focus,
.dv-rv-field select:focus,
.dv-rv-field textarea:focus {
    outline: 2px solid var(--dv-btn-primary, #2F6FCC);
    outline-offset: 1px;
    border-color: var(--dv-btn-primary, #2F6FCC);
}

.dv-rv-consent {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin: 1rem 0 .9rem;
    font-size: .88rem;
    color: var(--dv-text-secondary, #6C757D);
    cursor: pointer;
}

.dv-rv-consent input { margin-top: .2rem; flex: 0 0 auto; }

/* 2026-09-12 (Anthony's call): gold, matching the sitewide primary rank - was blue
   #2F6FCC with white text. The compact variant below keeps its outline look. */
.dv-rv-submit {
    display: inline-block;
    padding: 11px 26px;
    font-size: .98rem;
    font-weight: 500;
    color: var(--dv-navy-ink, #1F3A5F);
    background: var(--dv-gold, #F5B041);
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.dv-rv-submit:hover { background: var(--dv-gold-hover, #E0992E); }

.dv-rv-note {
    margin: .8rem 0 0;
    font-size: .82rem;
    color: var(--dv-text-muted, #9AA4AF);
}

/* Honeypot - hidden from people, reachable by bots. Not display:none, which
   some bots skip; off-canvas keeps it in the form for them to fill in. */
.dv-rv-hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Compact/subordinate variant: visually quieter so it cannot compete with the
   page's primary CTA (sold-price pages - leads-first priority 1). */
.dv-rv-compact {
    background: var(--dv-bg-subtle, #F7F9FB);
    padding: 1.15rem;
    margin-top: 2rem;
}

.dv-rv-compact .dv-rv-heading { font-size: 1.08rem; }
.dv-rv-compact .dv-rv-intro { font-size: .9rem; margin-bottom: .9rem; }
.dv-rv-compact .dv-rv-submit {
    background: transparent;
    color: var(--dv-btn-primary, #2F6FCC);
    border: 1px solid var(--dv-btn-primary, #2F6FCC);
    padding: 9px 20px;
}
.dv-rv-compact .dv-rv-submit:hover { background: var(--dv-btn-primary, #2F6FCC); color: #fff; }

@media (max-width: 600px) {
    .dv-rv { padding: 1.15rem; }
    .dv-rv-grid { grid-template-columns: 1fr; }
}