/* Financing inquiry form styling, matching the /get-quote/{state}/ landing
   page form. Scoped to the deal-submission form only (not the lender network
   application or any other form) and linked only on pages that render a
   deal-submission form within an enabled data/site-refresh.js group, so
   styles.css and pages outside the rollout are untouched. Selectors are
   qualified with form[name] so they outrank the base and page-level form
   rules without !important. */

form.deal-form[name="deal-submission"] { padding: 0 1.3rem 1.35rem; overflow: hidden; background: #fff; color: #071522; border: 1px solid rgba(7,21,34,.1); border-radius: 8px; box-shadow: 0 22px 48px rgba(7,21,34,.22); }

/* Navy-and-gold header. Forms that follow a credit callout use the callout
   as their header instead (below), as on the landing pages. */
form.deal-form[name="deal-submission"] .form-heading { margin: 0 -1.3rem; padding: 1.05rem 1.3rem 1rem; background: linear-gradient(120deg, #0b1f31 0%, #07182a 60%, #10304a 100%); border-bottom: 3px solid #c3913f; box-shadow: inset 0 1px 0 rgba(210,170,106,.55); }
form.deal-form[name="deal-submission"] .form-heading > span { display: block; color: #d2aa6a; font-family: "DM Sans", sans-serif; font-size: .62rem; font-weight: 800; letter-spacing: .14em; line-height: 1.35; text-transform: uppercase; }
form.deal-form[name="deal-submission"] .form-heading h2 { margin: .15rem 0 .2rem; color: #fff; font-family: "DM Sans", sans-serif; font-size: clamp(1.3rem, 2vw, 1.62rem); font-weight: 800; letter-spacing: -.01em; line-height: 1.1; text-transform: uppercase; }
form.deal-form[name="deal-submission"] .form-heading p { margin: 0; color: rgba(255,255,255,.78); font-size: .8rem; line-height: 1.45; }

.credit-callout + form.deal-form[name="deal-submission"], .credit-callout + .program-hero__panel form.deal-form[name="deal-submission"] { padding-top: 1.3rem; border-radius: 0 0 8px 8px; }
.credit-callout + form.deal-form[name="deal-submission"] .form-heading, .credit-callout + .program-hero__panel form.deal-form[name="deal-submission"] .form-heading { position: relative; margin: 0 0 1rem; padding: 0 0 0 14px; background: none; border: 0; box-shadow: none; }
.credit-callout + form.deal-form[name="deal-submission"] .form-heading::before, .credit-callout + .program-hero__panel form.deal-form[name="deal-submission"] .form-heading::before { position: absolute; top: 2px; bottom: 2px; left: 0; width: 4px; border-radius: 2px; content: ""; background: linear-gradient(180deg, #d9ab5c, #b88947); }
.credit-callout + form.deal-form[name="deal-submission"] .form-heading > span, .credit-callout + .program-hero__panel form.deal-form[name="deal-submission"] .form-heading > span { color: #b88947; }
.credit-callout + form.deal-form[name="deal-submission"] .form-heading h2, .credit-callout + .program-hero__panel form.deal-form[name="deal-submission"] .form-heading h2 { color: #071522; }
.credit-callout + form.deal-form[name="deal-submission"] .form-heading p, .credit-callout + .program-hero__panel form.deal-form[name="deal-submission"] .form-heading p { color: #5a6670; }

/* The /get-quote/ form stacks are grids; close the gap so the callout and
   form read as one card. */
.quote-form-stack > .credit-callout + form.deal-form[name="deal-submission"] { margin-top: -.55rem; }

/* Credit callout above a financing form becomes the navy range header.
   !important is needed to override its inline style attribute. */
div.credit-callout:has(+ form.deal-form[name="deal-submission"]), div.credit-callout:has(+ .program-hero__panel form.deal-form[name="deal-submission"]) { justify-items: start !important; margin: 0 !important; padding: 1rem 1.3rem !important; background: linear-gradient(120deg, #0b1f31 0%, #07182a 60%, #10304a 100%) !important; color: #fff !important; border: 1px solid rgba(210,170,106,.65) !important; border-bottom: 0 !important; border-radius: 8px 8px 0 0 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 14px 30px rgba(0,0,0,.3) !important; text-align: left !important; }
div.credit-callout:has(+ form.deal-form[name="deal-submission"]) > span, div.credit-callout:has(+ .program-hero__panel form.deal-form[name="deal-submission"]) > span { color: rgba(255,255,255,.88) !important; font-family: "DM Sans", sans-serif !important; font-size: .66rem !important; font-weight: 700 !important; letter-spacing: .22em !important; }
div.credit-callout:has(+ form.deal-form[name="deal-submission"]) > strong, div.credit-callout:has(+ .program-hero__panel form.deal-form[name="deal-submission"]) > strong { color: #d2aa6a !important; font-family: "DM Sans", sans-serif !important; font-size: clamp(1.6rem, 2.6vw, 2.15rem) !important; font-weight: 800 !important; letter-spacing: -.03em !important; line-height: 1.05 !important; }

/* Fields */
form.deal-form[name="deal-submission"] .form-grid { gap: .6rem; margin-top: 1rem; }
form.deal-form[name="deal-submission"] .form-grid label { gap: .3rem; }
form.deal-form[name="deal-submission"] .form-grid label > span { color: #071522; font-size: .68rem; font-weight: 600; line-height: 1.2; }
form.deal-form[name="deal-submission"] .form-grid input, form.deal-form[name="deal-submission"] .form-grid select, form.deal-form[name="deal-submission"] .form-grid textarea { width: 100%; min-height: 48px; padding: 0 .75rem 0 2.45rem; background-color: #fff; background-image: var(--ff-icon, none); background-position: 12px center; background-repeat: no-repeat; background-size: 17px 17px; color: #071522; border: 1px solid #cfd6dc; border-radius: 4px; font: 500 .86rem/1.2 "Inter", sans-serif; box-shadow: none; transition: border-color .15s ease, box-shadow .15s ease; }
form.deal-form[name="deal-submission"] .form-grid select { padding-right: 2.2rem; background-image: var(--ff-icon, none), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23071522' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-position: 12px center, right 11px center; background-size: 17px 17px, 17px 17px; cursor: pointer; appearance: none; -webkit-appearance: none; }
form.deal-form[name="deal-submission"] .form-grid select:invalid { color: #66727c; }
form.deal-form[name="deal-submission"] .form-grid select option { background: #fff; color: #071522; }
form.deal-form[name="deal-submission"] .form-grid textarea { min-height: 88px; padding-top: .8rem; padding-bottom: .8rem; background-position: 12px 14px; line-height: 1.45; }
form.deal-form[name="deal-submission"] .form-grid input::placeholder, form.deal-form[name="deal-submission"] .form-grid textarea::placeholder { color: #66727c; opacity: 1; }
form.deal-form[name="deal-submission"] .form-grid input:focus, form.deal-form[name="deal-submission"] .form-grid select:focus, form.deal-form[name="deal-submission"] .form-grid textarea:focus { border-color: #b88947; box-shadow: 0 0 0 3px rgba(184,137,71,.18); outline: none; }
form.deal-form[name="deal-submission"] [name="name"] { --ff-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6a75' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E"); }
form.deal-form[name="deal-submission"] [name="email"] { --ff-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6a75' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='1.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E"); }
form.deal-form[name="deal-submission"] [name="phone"] { --ff-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6a75' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.24c1.1.37 2.28.57 3.47.57A1.13 1.13 0 0 1 21 16.66v3.47a1.13 1.13 0 0 1-1.13 1.13A17.13 17.13 0 0 1 2.74 4.13 1.13 1.13 0 0 1 3.87 3h3.47a1.13 1.13 0 0 1 1.13 1.13c0 1.2.2 2.37.57 3.47a1 1 0 0 1-.24 1Z'/%3E%3C/svg%3E"); }
form.deal-form[name="deal-submission"] [name="financing_amount"] { --ff-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6a75' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M16.5 7.5c0-1.7-2-3-4.5-3s-4.5 1.3-4.5 3S9.5 10.6 12 11s4.5 1.3 4.5 3.5-2 3.5-4.5 3.5-4.5-1.4-4.5-3'/%3E%3C/svg%3E"); }
form.deal-form[name="deal-submission"] [name="property_type"] { --ff-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6a75' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V4h10v17M14 9h6v12M2 21h20M7 7h1M10 7h1M7 10h1M10 10h1M7 13h1M10 13h1M7 16h1M10 16h1M17 12h1M17 15h1'/%3E%3C/svg%3E"); }
form.deal-form[name="deal-submission"] [name="occupancy_type"] { --ff-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6a75' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='m11 12 9-9M17 6l2 2M15 8l2 2'/%3E%3C/svg%3E"); }
form.deal-form[name="deal-submission"] [name="use_of_proceeds"] { --ff-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6a75' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='19' height='12' rx='1.5'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6 9.5v5M18 9.5v5'/%3E%3C/svg%3E"); }
form.deal-form[name="deal-submission"] [name="property_location"] { --ff-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6a75' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E"); }
form.deal-form[name="deal-submission"] [name="transaction_overview"] { --ff-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6a75' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM15 3v4h4M9 11h7M9 14h7M9 17h5'/%3E%3C/svg%3E"); }

/* Gold CTA */
form.deal-form[name="deal-submission"] > .button { width: 100%; min-height: 52px; margin-top: 1rem; background: linear-gradient(180deg, #d9ab5c 0%, #c3913f 100%); color: #071522; border-color: #c3913f; border-radius: 3px; font-family: "DM Sans", sans-serif; font-size: .86rem; font-weight: 800; letter-spacing: .08em; box-shadow: 0 8px 18px rgba(184,137,71,.3); transition: filter .2s ease, transform .2s ease, box-shadow .2s ease; }
form.deal-form[name="deal-submission"] > .button:hover { background: linear-gradient(180deg, #d9ab5c 0%, #c3913f 100%); border-color: #c3913f; filter: brightness(1.06); transform: translateY(-1px); box-shadow: 0 10px 22px rgba(184,137,71,.32); }
form.deal-form[name="deal-submission"] .form-note { margin-top: .8rem; color: #5a6670; font-size: .66rem; line-height: 1.45; }

/* Required contact consent above the CTA. */
form.deal-form[name="deal-submission"] .form-consent { display: grid; grid-template-columns: auto 1fr; gap: .55rem; align-items: start; margin-top: 1rem; color: #4a5660; font-size: .68rem; line-height: 1.45; cursor: pointer; }
form.deal-form[name="deal-submission"] .form-consent input { width: 17px; height: 17px; margin: .1rem 0 0; accent-color: #c3913f; cursor: pointer; }
form.deal-form[name="deal-submission"] .form-consent a { color: #071522; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
form.deal-form[name="deal-submission"] .form-consent a:hover { color: #b88947; }

@media (max-width: 650px) {
  form.deal-form[name="deal-submission"] { padding: 0 1rem 1.15rem; }
  form.deal-form[name="deal-submission"] .form-heading { margin: 0 -1rem; padding: 1rem; }
  .credit-callout + form.deal-form[name="deal-submission"], .credit-callout + .program-hero__panel form.deal-form[name="deal-submission"] { padding-top: 1.1rem; }
  div.credit-callout:has(+ form.deal-form[name="deal-submission"]), div.credit-callout:has(+ .program-hero__panel form.deal-form[name="deal-submission"]) { padding: .9rem 1rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  form.deal-form[name="deal-submission"] .form-grid input, form.deal-form[name="deal-submission"] .form-grid select, form.deal-form[name="deal-submission"] .form-grid textarea, form.deal-form[name="deal-submission"] > .button { transition: none; }
}