/* ===== NOVA OutLaw — custom #nova-site pages: full-bleed navy (unchanged) ===== */
body:has(#nova-site){background:#0E1322 !important}
#mLayout:has(#nova-site),#mLayout:has(#nova-site)>*,#mLayout:has(#nova-site)>*>*,#mLayout:has(#nova-site)>*>*>*{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;background:transparent !important;float:none !important}
.zoneContentInner:has(#nova-site),.zoneInner:has(#nova-site){width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;background:#0E1322 !important}
.WaGadgetOnly:has(#nova-site),.gadgetStyleBody:has(#nova-site),.WaPlaceHolder:has(#nova-site){padding:0 !important;margin:0 !important;background:transparent !important}
html #nova-site{position:static !important;left:auto !important;right:auto !important;width:auto !important;max-width:none !important;margin:0 !important;background:#0E1322 !important}
#nova-site .hero-title{line-height:1.0 !important}
#nova-site .hero-title .out,#nova-site .brand .out,#nova-site .wout{padding-bottom:.06em !important}

/* ===== NOVA OutLaw brand for NATIVE WA pages (scoped so it never touches #nova-site pages) ===== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700&family=Spectral:ital,wght@0,400;0,500;0,600;1,400&family=Space+Mono:wght@400;700&display=swap');

body:not(:has(#nova-site)){background:#0E1322 !important;color:#D7D2C4 !important;font-family:"Spectral",Georgia,serif !important}

/* top inclusive-spectrum strip */
body:not(:has(#nova-site))::before{content:"";position:fixed;top:0;left:0;right:0;height:4px;z-index:99999;background:linear-gradient(90deg,#D8472B 0 9.09%,#E5832E 9.09% 18.18%,#E6B53C 18.18% 27.27%,#3E9B5F 27.27% 36.36%,#2E7DA6 36.36% 45.45%,#6A4C93 45.45% 54.54%,#74D7EE 54.54% 63.63%,#FFAFC8 63.63% 72.72%,#FFFFFF 72.72% 81.81%,#613915 81.81% 90.90%,#0A0A0A 90.90% 100%)}

/* content zones transparent so navy shows; footer navy */
body:not(:has(#nova-site)) .zoneContentInner,
body:not(:has(#nova-site)) .zoneInner,
body:not(:has(#nova-site)) .gadgetStyleBody,
body:not(:has(#nova-site)) .WaGadgetContent,
body:not(:has(#nova-site)) .boxBodyWrapper{background:transparent !important}
body:not(:has(#nova-site)) .boxFooterOuterContainer{background:#0E1322 !important;border-top:1px solid rgba(237,231,216,.12)}

/* headings → Fraunces ivory */
body:not(:has(#nova-site)) h1,
body:not(:has(#nova-site)) h2,
body:not(:has(#nova-site)) h3,
body:not(:has(#nova-site)) h4,
body:not(:has(#nova-site)) .contStyleHeading1,
body:not(:has(#nova-site)) .contStyleHeading2,
body:not(:has(#nova-site)) .gadgetTitle,
body:not(:has(#nova-site)) .WaGadgetHeadline{font-family:"Fraunces",Georgia,serif !important;color:#EDE7D8 !important;letter-spacing:-.01em}

/* body text inherits light; emphasis + labels */
body:not(:has(#nova-site)) p,
body:not(:has(#nova-site)) li,
body:not(:has(#nova-site)) td,
body:not(:has(#nova-site)) label,
body:not(:has(#nova-site)) .fieldCaption{color:#D7D2C4 !important}
body:not(:has(#nova-site)) strong,
body:not(:has(#nova-site)) b{color:#EDE7D8 !important}

/* links */
body:not(:has(#nova-site)) a{color:#E6B53C}
body:not(:has(#nova-site)) a:hover{color:#EDE7D8}

/* horizontal menu → mono, muted→ivory, transparent bar */
body:not(:has(#nova-site)) .WaGadgetMenuHorizontal{background:transparent !important}
body:not(:has(#nova-site)) .WaGadgetMenuHorizontal a{color:#9CA2B8 !important;font-family:"Space Mono",ui-monospace,monospace !important;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem !important}
body:not(:has(#nova-site)) .WaGadgetMenuHorizontal a:hover{color:#EDE7D8 !important}

/* header logo → white so it reads on navy */
body:not(:has(#nova-site)) img[src*="novaoutlaw" i],
body:not(:has(#nova-site)) img[src*="lavender" i]{filter:brightness(0) invert(1)}

/* buttons (NEXT / REGISTER / submit) → ivory on navy, mono */
body:not(:has(#nova-site)) input.typeButton,
body:not(:has(#nova-site)) input[type=submit],
body:not(:has(#nova-site)) input[type=button],
body:not(:has(#nova-site)) button,
body:not(:has(#nova-site)) a.button{background:#EDE7D8 !important;color:#0E1322 !important;border:none !important;border-radius:2px !important;font-family:"Space Mono",ui-monospace,monospace !important;text-transform:uppercase;letter-spacing:.08em;text-shadow:none !important}

/* form fields → light paper, dark ink, so they stay readable on navy */
body:not(:has(#nova-site)) input[type=text],
body:not(:has(#nova-site)) input[type=email],
body:not(:has(#nova-site)) input[type=password],
body:not(:has(#nova-site)) input[type=tel],
body:not(:has(#nova-site)) input[type=number],
body:not(:has(#nova-site)) input[type=search],
body:not(:has(#nova-site)) select,
body:not(:has(#nova-site)) textarea{background:#F4EFE4 !important;color:#191D2B !important;border:1px solid rgba(237,231,216,.3) !important;border-radius:2px}
body:not(:has(#nova-site)) input::placeholder,
body:not(:has(#nova-site)) textarea::placeholder{color:#585E72}

/* thin rules / separators lighten */
body:not(:has(#nova-site)) hr{border:0;height:1px;background:rgba(237,231,216,.14)}

/* Fix clipped gradient/italic glyphs */ #nova-site .out, #nova-site .wout, #nova-site .case .num{padding:.2em .2em .25em .08em !important;margin:-.2em -.2em -.25em -.08em !important}
/* Sticky menu bar: let header.nav stick by removing scroll-container overflow on ancestors */ html #nova-site{overflow-x:clip !important;overflow-y:visible !important} .WaGadgetOnly:has(#nova-site){overflow:visible !important} #nova-site header.nav{position:sticky !important;top:14px;z-index:1000}
/* New header on template/system pages: let it break out of the gadget box */ .WaGadgetCustomHTML:has(#nova-hdr), .WaGadgetCustomHTML:has(#nova-hdr) .gadgetStyleBody, .WaGadgetCustomHTML:has(#nova-hdr) .gadgetStyleBody > div{overflow:visible !important}
/* Sticky header on template/system pages */ .WaGadgetCustomHTML:has(#nova-hdr){position:sticky !important;top:14px;z-index:1000}
/* New footer on template/system pages: let it break out of the gadget box */ .WaGadgetCustomHTML:has(#nova-ftr), .WaGadgetCustomHTML:has(#nova-ftr) .gadgetStyleBody, .WaGadgetCustomHTML:has(#nova-ftr) .gadgetStyleBody > div{overflow:visible !important}
/* Mobile menu drawer: let it escape the blurred header, keep toggle on top */ @media (max-width:780px){#nova-site header.nav:has(.nav-links.open),#nova-hdr header.nav:has(.nav-links.open){backdrop-filter:none !important;-webkit-backdrop-filter:none !important;overflow:visible !important} #nova-hdr .nav-links.open{transform:none !important} #nova-site .menu-toggle,#nova-hdr .menu-toggle{position:relative;z-index:3} #nova-site .nav-links,#nova-hdr .nav-links{z-index:2}}
/* Home: tighter section spacing + 3-up What We Do cards */ #nova-site main > section > .wrap{padding-top:clamp(48px,6vw,72px) !important;padding-bottom:clamp(48px,6vw,72px) !important} #nova-site .head{margin-bottom:36px !important} @media (min-width:900px){#nova-site .docket-list{display:grid !important;grid-template-columns:repeat(3,1fr);gap:20px} #nova-site .docket-list .case{display:block !important;padding:28px 26px !important;border:1px solid rgba(237,231,216,.14) !important;border-radius:4px;background:rgba(255,255,255,.02)} #nova-site .docket-list .case .num{margin-bottom:14px} #nova-site .docket-list .case .desc{max-width:none !important} #nova-site .docket-list .case h3{margin-top:4px}}