/* GenieHome architecture pages: property, builder and account */
.gh-page-account,.gh-page-add-property,.gh-page-single-property{background:var(--gh-surface-soft,#f6f8fb)}
.gh-page-account .gh-account-shell{width:min(1440px,calc(100% - 32px));padding:36px 0 88px}
.gh-page-account .gh-account-panel,.gh-page-account .gh-account-mini-card,.gh-page-account .gh-account-menu{border-radius:var(--gh-radius-xl,24px);box-shadow:var(--gh-shadow-sm,0 10px 30px rgba(15,23,42,.06))}
.gh-page-account .gh-mp-head h1,.gh-page-account .gh-profile-top h2{font-size:clamp(22px,2vw,28px)!important;line-height:1.25}
.gh-account-notice{margin:0 0 20px;padding:14px 16px;border:1px solid #a7f3d0;border-radius:14px;background:#ecfdf5;color:#047857;font-weight:800}
.gh-page-add-property .gb-page{width:min(1500px,calc(100% - 32px));padding:32px 0 80px;grid-template-columns:300px minmax(0,1fr);gap:28px;font-family:inherit}
.gh-page-add-property .gb-card,.gh-page-add-property .gb-steps,.gh-page-add-property .gb-preview{border-radius:var(--gh-radius-xl,24px);box-shadow:var(--gh-shadow-sm,0 10px 30px rgba(15,23,42,.06))}
.gh-page-add-property .gb-card h2{font-size:clamp(20px,2vw,24px);line-height:1.3}
.gh-page-add-property input,.gh-page-add-property select,.gh-page-add-property textarea{font-family:inherit}
.gh-page-single-property .gsp-page,.gh-page-single-property .gh-single-property{width:min(1440px,calc(100% - 32px));margin-inline:auto}
@media(max-width:1024px){.gh-page-add-property .gb-page,.gh-page-account .gh-account-shell{grid-template-columns:1fr}.gh-page-add-property .gb-sidebar{position:static}.gh-page-add-property .gb-preview{display:none}}
@media(max-width:700px){.gh-page-add-property .gb-page,.gh-page-account .gh-account-shell{width:min(100% - 20px,1440px);padding-top:18px}.gh-page-add-property .gb-card,.gh-page-account .gh-account-panel{padding:20px 16px}.gh-page-account .gh-profile-form-grid{grid-template-columns:1fr}.gh-page-account .gh-mp-head{align-items:flex-start;flex-direction:column}}

/* v12: contextual title colours. Never let the global UI palette make text
   invisible on dark/gradient hero sections. */
.ghs-hero h1,.ghs-hero h2,.ghs-hero h3,
.ghv-hero h1,.ghv-hero h2,.ghv-hero h3,
.ghpv-hero h1,.ghpv-hero h2,.ghpv-hero h3,
.ghiv-hero h1,.ghiv-hero h2,.ghiv-hero h3,
.ghlegal-hero h1,.ghlegal-hero h2,.ghlegal-hero h3,
.ghb-hero h1,.ghb-hero h2,.ghb-hero h3,
.ghc-hero h1,.ghc-hero h2,.ghc-hero h3,
.ghs-final-inner h2,.ghv-final-cta h2,.ghpv-final-cta h2,
.ghiv-final-cta h2,.ghlegal-final-cta h2,.ghb-final-inner h2,.ghc-final-inner h2 {
  color:#fff !important;
  opacity:1 !important;
  -webkit-text-fill-color:#fff !important;
}
.ghs-section-heading h2,.ghv-section-heading h2,.ghpv-section-heading h2,
.ghiv-section-heading h2,.ghlegal-section-heading h2,.ghb-section-heading h2,
.ghc-section-heading h2,.ghc-panel-heading h2,.ghc-faq-intro h2 {
  color:#101a31 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#101a31 !important;
}

/* v12 search: native controls, old GenieHome segmented visual, no custom
   dropdown dependency. All fields remain clickable and submit via GET. */
.gh-search-form{position:relative;z-index:20;padding:12px;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:#f8fafc;box-shadow:0 18px 42px rgba(4,22,58,.20);overflow:visible!important}
.gh-search-primary{display:grid!important;grid-template-columns:minmax(210px,1.45fr) repeat(3,minmax(150px,1fr)) minmax(130px,170px)!important;gap:0!important;align-items:stretch}
.gh-search-primary .gh-field{min-width:0;padding:9px 16px;border-right:1px solid #e2e8f0;background:#f8fafc}
.gh-search-primary .gh-field:first-child{border-radius:15px 0 0 15px}
.gh-field{display:flex!important;flex-direction:column;justify-content:center;gap:4px;color:#7b879b!important;font-size:11px!important;font-weight:700!important}
.gh-field span{display:block;color:#98a2b3!important;line-height:1.2}
.gh-field input,.gh-field select{display:block!important;width:100%!important;height:34px!important;min-height:34px!important;padding:0 24px 0 0!important;border:0!important;border-radius:0!important;background-color:transparent!important;color:#172033!important;font-size:14px!important;font-weight:700!important;line-height:34px!important;box-shadow:none!important;outline:none!important;pointer-events:auto!important;appearance:auto!important;-webkit-appearance:auto!important;cursor:pointer!important}
.gh-field input{cursor:text!important}
.gh-field input::placeholder{color:#9aa5b5!important;font-weight:600}
.gh-search-submit{align-self:stretch!important;height:auto!important;min-height:76px;border:0!important;border-radius:15px!important;background:#2f68eb!important;color:#fff!important;padding:0 24px!important;font-size:15px!important;font-weight:800!important;cursor:pointer!important;pointer-events:auto!important;box-shadow:0 10px 22px rgba(47,104,235,.25)}
.gh-search-submit:hover{background:#2459d2!important}
.gh-search-actions{display:flex!important;justify-content:flex-end;align-items:center;gap:18px;margin-top:10px;padding:0 6px}
.gh-search-advanced-toggle{border:0;background:transparent;color:#215ecb!important;font-weight:800;cursor:pointer;pointer-events:auto}
.gh-search-reset{color:#667085!important;font-weight:700;text-decoration:none}
.gh-search-secondary{display:none!important;grid-template-columns:repeat(5,minmax(135px,1fr))!important;gap:10px!important;max-height:none!important;overflow:visible!important;opacity:1!important;margin-top:12px!important;padding:14px;border-top:1px solid #e5eaf2;background:#fff;border-radius:14px}
.gh-search-secondary.is-open,.gh-search-form.is-advanced .gh-search-secondary{display:grid!important}
.gh-search-secondary .gh-field{padding:0}
.gh-search-secondary .gh-field input,.gh-search-secondary .gh-field select{height:44px!important;min-height:44px!important;padding:0 12px!important;border:1px solid #dce3ed!important;border-radius:10px!important;background:#fff!important}
.gh-check{align-self:end;min-height:44px;display:flex!important;align-items:center;gap:8px;color:#172033;font-weight:700}
.gh-check input{width:18px;height:18px;pointer-events:auto}
@media(max-width:1050px){.gh-search-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.gh-search-primary .gh-field{border:1px solid #e2e8f0!important;border-radius:12px!important}.gh-search-submit{min-height:58px}.gh-search-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.gh-search-form{padding:10px;border-radius:16px}.gh-search-primary,.gh-search-secondary{grid-template-columns:1fr!important}.gh-search-primary .gh-field{padding:9px 12px}.gh-search-submit{min-height:54px}.gh-search-actions{justify-content:space-between}.gh-search-form:not(.mobile-open){display:block!important}}