/* Reherence Realty - light theme for the public website.
   Scoped to pages that render the public navbar (#root > nav); admin/associate panels are untouched. */
#root:has(> nav){--ink:#0A1628;--muted:#5B6677;--line:#ECE5DA;--cream:#FBF7F1;--brand:#D6500A;background:#fff}

/* light-on-dark text becomes dark-on-light */
#root:has(> nav) [style*="color: rgba(255, 255, 255"]{color:var(--muted)!important}
#root:has(> nav) [style*="color: rgb(255, 255, 255)"],
#root:has(> nav) .text-white{color:var(--ink)!important}
#root:has(> nav) .text-gray-400,#root:has(> nav) .text-gray-300{color:var(--muted)!important}
#root:has(> nav) .wn-link{color:var(--muted)!important}
#root:has(> nav) .wn-link:hover,#root:has(> nav) .wn-link.active{color:var(--ink)!important}

/* dark surfaces become white / cream */
#root:has(> nav) > nav{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 1px 14px rgba(10,22,40,.05)}
#root:has(> nav) > nav [style*="background"]:not(img):not(a):not(button){background-color:#fff!important}
#root:has(> nav) [style*="background: rgb(10, 22, 40)"],
#root:has(> nav) [style*="background: rgb(6, 12, 26)"]{background:var(--cream)!important}
#root:has(> nav) [style*="gradient(135deg, rgb(10, 22, 40)"],
#root:has(> nav) [style*="gradient(135deg, rgb(6, 12, 26)"]{background:linear-gradient(135deg,#FFFDF9 0%,#FBEFE2 100%)!important}
#root:has(> nav) [style*="background: rgba(255, 255, 255, 0.0"]{background:#fff!important;box-shadow:0 2px 16px rgba(10,22,40,.06)}
#root:has(> nav) [style*="solid rgba(255, 255, 255, 0."]{border-color:var(--line)!important}
#root:has(> nav) [style*="border-color: rgb(6, 12, 26)"]{border-color:#fff!important}

/* home banner: white, with the township illustration instead of the photo */
#root:has(> nav) > section[style*="min-height: 96vh"]{background:linear-gradient(180deg,#fff 0%,#FFF7EE 100%)!important;min-height:90vh!important}
#root:has(> nav) > section[style*="min-height: 96vh"] > img,
#root:has(> nav) > section[style*="min-height: 96vh"] > div[style*="position: absolute"]{display:none!important}
#root:has(> nav) > section[style*="min-height: 96vh"]::after{content:"";position:absolute;right:0;bottom:0;width:min(56vw,860px);aspect-ratio:900/560;background:url(/assets/rr-hero.svg) right bottom/contain no-repeat;pointer-events:none}
#root:has(> nav) > section[style*="min-height: 96vh"] > .relative{z-index:1}
@media (max-width:1023px){#root:has(> nav) > section[style*="min-height: 96vh"]::after{width:100vw;opacity:.22}}

/* keep white text on brand-coloured and gradient fills */
#root:has(> nav) [style*="gradient(135deg, rgb(214, 80, 10)"][style],
#root:has(> nav) [style*="gradient(135deg, rgb(214, 80, 10)"][style] *,
#root:has(> nav) [style*="background: rgb(214, 80, 10)"][style],
#root:has(> nav) [style*="background: rgb(214, 80, 10)"][style] *,
#root:has(> nav) [style*="linear-gradient(145deg"][style] *,
#root:has(> nav) .wn-btn.wn-btn,#root:has(> nav) .btn-hero.btn-hero,#root:has(> nav) .btn-primary-hero.btn-primary-hero,
#root:has(> nav) .wn-btn.wn-btn *,#root:has(> nav) .btn-hero.btn-hero *,#root:has(> nav) .btn-primary-hero.btn-primary-hero *{color:#fff!important}

/* secondary banner button, banner illustration position, footer */
#root:has(> nav) .btn-ghost-hero.btn-ghost-hero,#root:has(> nav) .btn-ghost-hero.btn-ghost-hero *{color:var(--ink)!important}
#root:has(> nav) .btn-ghost-hero.btn-ghost-hero{background:#fff!important;border:1.5px solid rgba(10,22,40,.14)!important;box-shadow:0 2px 10px rgba(10,22,40,.05)}
@media (min-width:1024px){#root:has(> nav) > section[style*="min-height: 96vh"]::after{bottom:auto;top:50%;transform:translateY(-42%);width:min(54vw,840px)}}
#root:has(> nav) > footer{background:#FBF7F1!important;border-top:1px solid var(--line)!important}

/* home banner v2: Swarnbhumi gate photo on the right, fading into white */
@media (min-width:1024px){
#root:has(> nav) > section[style*="min-height: 96vh"]::after{top:0;right:0;bottom:auto;left:auto;width:58%;height:min(100%,50vw);transform:none;aspect-ratio:auto;background:url(/assets/swarnbhumi-gate.jpg) 47% center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%),linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%),linear-gradient(180deg,#000 82%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
}
@media (max-width:1023px){
#root:has(> nav) > section[style*="min-height: 96vh"]{padding-top:64vw!important;min-height:0!important}
#root:has(> nav) > section[style*="min-height: 96vh"]::after{top:0;left:0;right:0;bottom:auto;width:100%;height:66vw;aspect-ratio:auto;opacity:1;background:url(/assets/swarnbhumi-gate.jpg) center/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
}