/* Angitū theme choices v1.20.2. Colours only: do not touch original artwork, photography, hero geometry or floating nav transparency. */
:root, html[data-angitu-theme="coastal"] {--angitu-theme-dark:#123F45;--angitu-theme-mid:#427F82;--angitu-theme-light:#DCECE8;--angitu-theme-gold:#D5B66D;--angitu-theme-text:#FFFFFF;}
html[data-angitu-theme="whenua"] {--angitu-theme-dark:#243D36;--angitu-theme-mid:#718E79;--angitu-theme-light:#F0E9DC;--angitu-theme-gold:#BDA16C;}
html[data-angitu-theme="ocean"] {--angitu-theme-dark:#183448;--angitu-theme-mid:#3D788C;--angitu-theme-light:#E8F1F3;--angitu-theme-gold:#D7B46B;}
html[data-angitu-theme="platinum"] {--angitu-theme-dark:#283D42;--angitu-theme-mid:#6F9B99;--angitu-theme-light:#F5F3EE;--angitu-theme-gold:#C49D78;}
/* Keep all photo, pattern and existing body background declarations intact. */
html[data-angitu-theme] .topbar {background-color:var(--angitu-theme-dark)!important;}
html[data-angitu-theme] .mobile-menu {border-color:var(--angitu-theme-gold)!important;}
html[data-angitu-theme] #locationIntelligence {border-color:var(--angitu-theme-mid)!important;}
html[data-angitu-theme] #locationIntelligence button {accent-color:var(--angitu-theme-gold);}
html[data-angitu-theme] .main-nav a:hover {color:var(--angitu-theme-gold)!important;}

html[data-angitu-theme] .mobile-bottom-nav a.active {color:var(--angitu-theme-gold)!important;background:transparent!important;}
.angitu-theme-control{display:flex;align-items:center;z-index:100}
.angitu-theme-button{border:1px solid var(--angitu-theme-gold);background:transparent;color:#fff;border-radius:999px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.angitu-theme-button:focus-visible,.angitu-theme-dialog button:focus-visible,.angitu-theme-dialog input:focus-visible{outline:3px solid var(--angitu-theme-gold);outline-offset:3px}
.angitu-theme-dialog[hidden]{display:none!important}
.angitu-theme-dialog{position:fixed;inset:0;z-index:2147483646;background:rgba(0,0,0,.55);display:flex;align-items:flex-start;justify-content:center;padding:90px 14px 20px;overflow:auto}
.angitu-theme-panel{box-sizing:border-box;width:min(440px,100%);background:#fffaf1;color:#132b2e;border-radius:18px;padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.3);font-family:inherit}
.angitu-theme-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.angitu-theme-panel h2{font-size:20px;margin:0;font-weight:800;color:#132b2e}
.angitu-theme-panel p{margin:5px 0 14px;color:#40555a;font-size:14px}
#angituThemeClose{border:0;background:transparent;font-size:30px;color:#132b2e;cursor:pointer}
.angitu-theme-options{display:grid;gap:8px}
.angitu-theme-options label{display:grid;grid-template-columns:20px minmax(0,1fr) 112px;align-items:center;gap:9px;min-height:54px;padding:8px;border:1px solid #c4d2d0;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700}
.angitu-theme-options label:has(input:checked){border:2px solid #a78a41;background:#fff6df}
.angitu-theme-options input{accent-color:#00606a;width:18px;height:18px}
.angitu-swatches{display:flex;height:25px;overflow:hidden;border-radius:5px}
.angitu-swatches i{flex:1}
@media(max-width:760px){
 .angitu-theme-control{position:fixed;right:12px;top:calc(env(safe-area-inset-top,0px) + 74px);z-index:900}
 .angitu-theme-button{font-size:12px;padding:7px 10px;background:var(--angitu-theme-dark);border-radius:20px}
 .angitu-theme-dialog{padding-top:calc(env(safe-area-inset-top,0px) + 90px)}
 .angitu-theme-panel{max-width:400px}
 .angitu-theme-options label{grid-template-columns:20px minmax(0,1fr) 92px;font-size:12px}
}

/* v1.20.1 — mobile-only approved layout changes */
#angituMobileSearchToggle{display:none}
@media(max-width:760px){
 /* Compact right-side controls, no fixed/floating theme button */
 .angitu-theme-control{position:static!important;right:auto!important;top:auto!important;z-index:auto!important;flex:0 0 auto!important;order:2}
 .angitu-theme-button{display:grid;place-items:center;width:38px;height:38px;padding:0!important;border-radius:50%!important;background:transparent!important;font-size:20px!important;color:var(--angitu-theme-gold)!important}
 .angitu-theme-button-label{display:none!important}
 #angituMobileSearchToggle{display:grid!important;place-items:center;order:1;flex:0 0 38px;width:38px;height:38px;border-radius:50%;border:1px solid var(--angitu-theme-gold);background:transparent;color:#fff;font-size:26px;cursor:pointer;z-index:4}
 .mobile-menu{order:3!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important}
 .header-search{display:none!important;position:absolute!important;left:12px!important;right:12px!important;top:100%!important;width:auto!important;max-width:none!important;margin:5px 0 0!important;z-index:1000!important;background:var(--angitu-theme-dark)!important;border:1px solid var(--angitu-theme-mid)!important;border-radius:14px!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important}
 body.angitu-mobile-search-open .header-search{display:flex!important}
 .header-search input{min-width:0!important;width:100%!important;font-size:16px!important}
 /* One soft blurred dock; no boxes on individual navigation options */
 nav.mobile-bottom-nav{display:grid!important;position:fixed!important;left:12px!important;right:12px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 9px)!important;width:auto!important;border-radius:24px!important;background:color-mix(in srgb,var(--angitu-theme-dark) 52%,transparent)!important;background-color:transparent!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid color-mix(in srgb,var(--angitu-theme-light) 35%,transparent)!important;box-shadow:0 6px 22px rgba(0,0,0,.16)!important;z-index:2147483000!important}
 nav.mobile-bottom-nav::before,nav.mobile-bottom-nav::after{content:none!important;display:none!important}
 nav.mobile-bottom-nav a,nav.mobile-bottom-nav a.active,nav.mobile-bottom-nav a::before,nav.mobile-bottom-nav a::after{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:0!important;outline-offset:2px}
 nav.mobile-bottom-nav a.active{color:var(--angitu-theme-gold)!important}
 /* Change base colour under the ORIGINAL background artwork; do not insert any image */
 body{background-color:var(--angitu-theme-dark)!important}
}

/* v1.20.2 — full surface colours, frosted single NAV dock, and box-free footer links.
   The existing original pūhoro image and location hero images are NOT replaced. */
html[data-angitu-theme] {--angitu-theme-button:var(--angitu-theme-gold);--angitu-theme-button-ink:#112e31;}
html[data-angitu-theme="whenua"]{--angitu-theme-button-ink:#172f25;}
html[data-angitu-theme="ocean"]{--angitu-theme-button-ink:#102b40;}
html[data-angitu-theme="platinum"]{--angitu-theme-button-ink:#20383b;}
/* Colour the underlying page and content surfaces, rather than only the header. */
html[data-angitu-theme] body,
html[data-angitu-theme] body .app-shell {background-color:var(--angitu-theme-dark)!important;}
html[data-angitu-theme] body .hero-block,
html[data-angitu-theme] body .main-content,
html[data-angitu-theme] body main,
html[data-angitu-theme] body .section,
html[data-angitu-theme] body .support-section,
html[data-angitu-theme] body .community-updates,
html[data-angitu-theme] body .updates-section {background-color:transparent!important;}
html[data-angitu-theme] body .topbar,
html[data-angitu-theme] body footer {background-color:var(--angitu-theme-dark)!important;}
/* Keep pattern on its ORIGINAL layer; no new image or overlay is created. */
html[data-angitu-theme] body::before {background-color:transparent!important;}
/* Button palette applies to actual interactive controls without altering photographs. */
html[data-angitu-theme] body .location-change,
html[data-angitu-theme] body #locationIntelligence .location-change,
html[data-angitu-theme] body .primary-cta,
html[data-angitu-theme] body .cta-primary {background-color:var(--angitu-theme-button)!important;color:var(--angitu-theme-button-ink)!important;border-color:var(--angitu-theme-button)!important;}
html[data-angitu-theme] body .service-tile,
html[data-angitu-theme] body .support-tile {border-color:var(--angitu-theme-gold)!important;}
/* Desktop footer: only plain text options; no surrounding panel or individual pills. */
html[data-angitu-theme] body footer,
html[data-angitu-theme] body footer .footer-links,
html[data-angitu-theme] body footer .footer-links button,
html[data-angitu-theme] body footer .footer-links a {
 border:0!important;border-radius:0!important;box-shadow:none!important;outline-offset:3px;
 background:transparent!important;background-color:transparent!important;background-image:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-angitu-theme] body footer .footer-links{padding:12px 8px!important;}
html[data-angitu-theme] body footer .footer-links button:hover,
html[data-angitu-theme] body footer .footer-links a:hover{color:var(--angitu-theme-gold)!important;}
@media(max-width:760px){
 /* iPhone Safari: specificity must beat mobile-repair-v1.19.7.css's transparent !important rules. */
 html[data-angitu-theme] body nav.mobile-bottom-nav,
 html[data-angitu-theme] body>nav.mobile-bottom-nav,
 html[data-angitu-theme]:not(.angitu-installed-app) body nav.mobile-bottom-nav,
 html[data-angitu-theme].angitu-installed-app body nav.mobile-bottom-nav {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  position:fixed!important;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
  left:12px!important;right:12px!important;width:calc(100% - 24px)!important;max-width:520px!important;
  margin:0 auto!important;padding:5px!important;min-height:68px!important;height:auto!important;
  background:rgba(19,53,58,.60)!important;
  background-color:rgba(19,53,58,.60)!important;
  background-image:none!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  border:1px solid rgba(235,250,248,.32)!important;border-radius:24px!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
  visibility:visible!important;opacity:1!important;z-index:2147483647!important;
 }
 html[data-angitu-theme="whenua"] body nav.mobile-bottom-nav{background:rgba(35,65,45,.60)!important;background-color:rgba(35,65,45,.60)!important;}
 html[data-angitu-theme="ocean"] body nav.mobile-bottom-nav{background:rgba(16,45,76,.60)!important;background-color:rgba(16,45,76,.60)!important;}
 html[data-angitu-theme="platinum"] body nav.mobile-bottom-nav{background:rgba(42,61,66,.60)!important;background-color:rgba(42,61,66,.60)!important;}
 html[data-angitu-theme] body nav.mobile-bottom-nav a,
 html[data-angitu-theme] body nav.mobile-bottom-nav a.active,
 html[data-angitu-theme] body nav.mobile-bottom-nav a[aria-current="page"]{
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
 html[data-angitu-theme] body nav.mobile-bottom-nav a.active,
 html[data-angitu-theme] body nav.mobile-bottom-nav a[aria-current="page"]{color:var(--angitu-theme-gold)!important;}
 html[data-angitu-theme] body .app-shell{background-color:var(--angitu-theme-dark)!important;}
}


/* v1.20.6 — coherent single-image themed background and mobile header repair.
   Preserve the original artwork file. Stretch once over the page, no tiles or seams. */
html[data-angitu-theme] body {
 background-color:var(--angitu-theme-dark)!important;
 background-image:none!important;
 background-size:100% 100%!important;
 background-repeat:no-repeat!important;
 background-position:center center!important;
 background-attachment:scroll!important;
 background-blend-mode:soft-light!important;
}
html[data-angitu-theme] body::before,
html[data-angitu-theme] body::after,
html[data-angitu-theme] body .app-shell::before,
html[data-angitu-theme] body .app-shell::after {
 content:none!important;display:none!important;background-image:none!important;
}
html[data-angitu-theme] body .app-shell,
html[data-angitu-theme] body main,
html[data-angitu-theme] body .main-content {
 background-color:transparent!important;background-image:none!important;
}
@media(max-width:760px){
 /* Defeat old mobile-repair rules that turn the search form into a second round icon. */
 html[data-angitu-theme] body .topbar #headerSearchForm.header-search,
 html[data-angitu-theme] body .topbar #headerSearchForm.header-search:not(:focus-within){
  display:none!important;visibility:hidden!important;position:absolute!important;
  width:calc(100% - 24px)!important;max-width:none!important;
  min-width:0!important;flex:none!important;left:12px!important;right:12px!important;
  top:100%!important;bottom:auto!important;height:48px!important;
  margin:8px 0 0!important;border-radius:12px!important;overflow:visible!important;
 }
 html[data-angitu-theme] body.angitu-mobile-search-open .topbar #headerSearchForm.header-search,
 html[data-angitu-theme] body.angitu-mobile-search-open .topbar #headerSearchForm.header-search:not(:focus-within){
  display:flex!important;visibility:visible!important;align-items:center!important;
  background:var(--angitu-theme-dark)!important;
 }
 html[data-angitu-theme] body.angitu-mobile-search-open .topbar #headerSearchForm input {
  display:block!important;opacity:1!important;visibility:visible!important;
  width:100%!important;padding:0 46px 0 12px!important;
 }
 html[data-angitu-theme] body .topbar #angituMobileSearchToggle{
  display:grid!important;place-items:center!important;position:static!important;
  flex:0 0 38px!important;width:38px!important;height:38px!important;
  transform:none!important;margin:0!important;
 }
 html[data-angitu-theme] body .topbar {
  display:flex!important;align-items:center!important;
 }
 html[data-angitu-theme] body .topbar .angitu-theme-control {
  position:static!important;transform:none!important;
 }
 html[data-angitu-theme] body{
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
 }
}

/* v1.20.7 — user-requested Whenua & Sage greener and ONE faint pūhoro watermark. */
html[data-angitu-theme="whenua"]{
 --angitu-theme-dark:#174B30;
 --angitu-theme-mid:#398A57;
 --angitu-theme-light:#E1F0DF;
 --angitu-theme-gold:#C6AD65;
 --angitu-theme-button-ink:#11351F;
}
/* Solid theme background, with only one faded original artwork layer. */
html[data-angitu-theme] body{
 background-color:var(--angitu-theme-dark)!important;
 background-image:none!important;
 background-blend-mode:normal!important;
 position:relative;
}
/* Superseded body watermark rule removed. */
html[data-angitu-theme] body::after,
html[data-angitu-theme] body .app-shell::before,
html[data-angitu-theme] body .app-shell::after{
 content:none!important;display:none!important;background-image:none!important;
}
html[data-angitu-theme] body .app-shell{
 position:relative!important;z-index:1!important;
 background:transparent!important;
}
@media(max-width:760px){
 html[data-angitu-theme] body::before{
  opacity:.12!important;
  background-size:100% 100%!important;
 }
}

/* v1.20.8: Moana — richer ocean blues; preserve existing theme keys and faded watermark. */
html[data-angitu-theme="ocean"] {
 --angitu-theme-dark:#103D75;
 --angitu-theme-mid:#1979BC;
 --angitu-theme-light:#DCEFFA;
 --angitu-theme-gold:#D8B96B;
 --angitu-theme-button-ink:#092B52;
}
@media(max-width:760px) {
 html[data-angitu-theme="ocean"] body nav.mobile-bottom-nav {
   background:rgba(16,61,117,.60)!important;
   background-color:rgba(16,61,117,.60)!important;
 }
}


/* v1.20.11 — targeted desktop/mobile hero + watermark repair.
   Location imagery is set by app.js via --hero-location-image on #home .hero-block.
   Preserve layout, tiles, location data and text at full opacity. */
html[data-angitu-theme] body {
 background-color:var(--angitu-theme-dark)!important;
 background-image:none!important;
 background-repeat:no-repeat!important;
}
/* One original artwork, faint, fixed to the visible screen; never stretched to the
   entire scrolling document, which caused severe mobile distortion. */
html[data-angitu-theme] body::before {
 content:""!important;
 display:block!important;
 position:fixed!important;
 inset:0!important;
 width:100vw!important;
 height:100vh!important;
 background-image:url('/puhoro-watermark-original.jpg')!important;
 background-size:cover!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
 background-color:transparent!important;
 opacity:.065!important;
 mix-blend-mode:soft-light!important;
 pointer-events:none!important;
 z-index:0!important;
 transform:none!important;
}
/* This is the REAL location-photo layer. A separate opacity applies only to
   the photograph, not to the hero section, labels, tiles or cards. */
html[data-angitu-theme] body #home .hero-block {
 background:transparent!important;
 background-image:none!important;
 isolation:isolate!important;
}
html[data-angitu-theme] body #home .hero-block::before {
 content:""!important;
 display:block!important;
 position:absolute!important;
 inset:0!important;
 background-image:var(--hero-location-image,url('/nz-neutral-hero.jpg'))!important;
 background-size:cover!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
 background-color:transparent!important;
 opacity:.22!important;
 mix-blend-mode:normal!important;
 filter:none!important;
 pointer-events:none!important;
 z-index:-1!important;
}
html[data-angitu-theme] body #home .hero-block::after {
 content:none!important;display:none!important;
}
html[data-angitu-theme] body #home .platinum-hero-left,
html[data-angitu-theme] body #home .platinum-hero-right {
 background:transparent!important;
 background-image:none!important;
 opacity:1!important;
}
/* Mobile: fixed viewport-scale art rather than stretched full-document art. */
@media(max-width:760px){
 html[data-angitu-theme] body::before {
  position:fixed!important;
  width:100vw!important;height:100dvh!important;
  background-size:cover!important;
  background-position:center center!important;
  opacity:.065!important;
 }
 html[data-angitu-theme] body #home .hero-block::before {opacity:.22!important;}
}

/* v1.20.12 — natural, untinted location hero photo (desktop + mobile).
   Leave faint pūhoro on the page outside the hero. */
html[data-angitu-theme] body #home .hero-block::before {
 opacity:1!important;
 mix-blend-mode:normal!important;
 filter:none!important;
 background-color:transparent!important;
}
html[data-angitu-theme] body #home .hero-block::after {
 content:none!important;display:none!important;
 background:none!important;opacity:0!important;
}
html[data-angitu-theme] body #home .hero-block {
 background-color:transparent!important;
 background-image:none!important;
 background-blend-mode:normal!important;
 filter:none!important;
}
@media(max-width:760px){
 html[data-angitu-theme] body #home .hero-block::before {opacity:1!important;}
}

/* v1.20.13 — untinted natural photograph with faint original pūhoro visible.
   Do not make the photograph itself translucent against a green/blue background:
   that mathematically introduces the theme tint the user rejected. */
html[data-angitu-theme] body #home .hero-block {
 position:relative!important;
 isolation:isolate!important;
 background:transparent!important;
}
html[data-angitu-theme] body #home .hero-block::before {
 content:""!important;
 display:block!important;
 opacity:1!important;
 background-image:var(--hero-location-image,url('/nz-neutral-hero.jpg'))!important;
 background-color:transparent!important;
 background-blend-mode:normal!important;
 mix-blend-mode:normal!important;
 filter:none!important;
 z-index:-1!important;
}
/* Hero watermark duplicate removed: original background is the only pūhoro image. */
html[data-angitu-theme] body #home .hero-block > * {
 position:relative!important;
 z-index:1!important;
}
@media(max-width:760px){
 html[data-angitu-theme] body #home .hero-block::before {opacity:1!important;}
 html[data-angitu-theme] body #home .hero-block::after {
  background-size:cover!important;
  background-position:center center!important;
  opacity:.09!important;
 }
}


/* v1.21.0: Premium native-style mobile shell.
   Desktop remains unchanged. Existing IDs, events, location, and tile imagery preserved. */
@media (max-width:760px) {
 html,body {max-width:100%;overflow-x:hidden}
 html[data-angitu-theme] body {padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
 html[data-angitu-theme] body .app-shell {width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 html[data-angitu-theme] body .topbar {
  position:sticky!important;top:0!important;z-index:1005!important;
  width:100%!important;min-height:64px!important;height:auto!important;
  padding:10px 14px!important;margin:0!important;gap:9px!important;
  display:flex!important;align-items:center!important;
  background:color-mix(in srgb,var(--angitu-theme-dark) 90%,transparent)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;box-shadow:0 4px 20px rgba(0,0,0,.10)!important;
 }
 html[data-angitu-theme] body .topbar .brand {display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:1 1 auto!important}
 html[data-angitu-theme] body .topbar .brand-logo {width:34px!important;height:34px!important;max-height:34px!important;object-fit:contain!important}
 html[data-angitu-theme] body .topbar .brand-name {display:flex!important;flex-direction:column!important;gap:0!important;min-width:0!important}
 html[data-angitu-theme] body .topbar .brand-name span {font-size:12px!important;letter-spacing:.12em!important}
 html[data-angitu-theme] body .topbar .brand-name strong {font-size:9px!important;letter-spacing:.08em!important}
 html[data-angitu-theme] body .topbar .main-nav {display:none!important}
 html[data-angitu-theme] body .topbar #angituMobileSearchToggle,
 html[data-angitu-theme] body .topbar #angituThemeButton,
 html[data-angitu-theme] body .topbar .mobile-menu {
  flex:0 0 38px!important;min-width:38px!important;width:38px!important;
  height:38px!important;min-height:38px!important;margin:0!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border-radius:12px!important;background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:var(--angitu-theme-gold)!important;box-shadow:none!important;
 }
 html[data-angitu-theme] body .topbar .angitu-theme-control {position:static!important;display:block!important;margin:0!important;padding:0!important;flex:0 0 38px!important}
 html[data-angitu-theme] body .topbar .angitu-theme-button-label {display:none!important}
 html[data-angitu-theme] body .topbar #headerSearchForm {z-index:1020!important}
 html[data-angitu-theme] body main.home {padding:0 12px 18px!important;margin:0!important;width:100%!important;max-width:100%!important}
 html[data-angitu-theme] body .hero-block {
  display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;
  gap:12px!important;width:100%!important;max-width:100%!important;
  padding:12px 0 0!important;margin:0!important;min-height:0!important;
  border:0!important;box-shadow:none!important;background:transparent!important;
 }
 html[data-angitu-theme] body .platinum-hero-left {
  width:100%!important;max-width:100%!important;min-width:0!important;
  min-height:260px!important;height:auto!important;
  padding:22px 18px 16px!important;margin:0!important;
  border-radius:22px!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;
  border:1px solid rgba(255,255,255,.18)!important;
 }
 html[data-angitu-theme] body .platinum-hero-left .hero-content {width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;position:relative!important;z-index:2!important}
 html[data-angitu-theme] body .platinum-hero-left .eyebrow {font-size:10px!important;letter-spacing:.09em!important;margin:0 0 8px!important}
 html[data-angitu-theme] body .platinum-hero-left h1 {font-size:clamp(23px,6.4vw,30px)!important;line-height:1.15!important;letter-spacing:-.03em!important;margin:0 0 8px!important;max-width:18ch!important}
 html[data-angitu-theme] body .platinum-hero-left .hero-copy {font-size:13px!important;line-height:1.45!important;margin:0!important;max-width:33ch!important}
 html[data-angitu-theme] body .location-intelligence {
  position:relative!important;z-index:2!important;display:block!important;
  width:100%!important;max-width:100%!important;margin:16px 0 0!important;
  padding:12px!important;border-radius:15px!important;
  background:rgba(12,25,30,.46)!important;
  backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;
  border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important;
 }
 html[data-angitu-theme] body .location-card-header {display:flex!important;align-items:center!important;gap:8px!important}
 html[data-angitu-theme] body .location-card-header b {font-size:13px!important}
 html[data-angitu-theme] body .location-card-header small {font-size:10px!important}
 html[data-angitu-theme] body .location-stats,
 html[data-angitu-theme] body .location-updated {display:none!important}
 html[data-angitu-theme] body .location-change {min-height:32px!important;padding:5px 9px!important;font-size:11px!important}
 html[data-angitu-theme] body .platinum-hero-right,
 html[data-angitu-theme] body .support-section {
  width:100%!important;max-width:100%!important;min-width:0!important;
  padding:0!important;margin:0!important;background:transparent!important;
  border:0!important;box-shadow:none!important;
 }
 html[data-angitu-theme] body .support-section .section-head {padding:8px 2px 5px!important;margin:0!important}
 html[data-angitu-theme] body .support-section .section-head h2 {font-size:19px!important;line-height:1.25!important;letter-spacing:-.02em!important;margin:0 0 3px!important}
 html[data-angitu-theme] body .support-section .section-head p {font-size:12px!important;line-height:1.4!important;margin:0!important}
 html[data-angitu-theme] body #needs.needs-grid {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;width:100%!important;margin:8px 0 0!important;padding:0!important;
 }
 html[data-angitu-theme] body #needs .support-tile {
  position:relative!important;display:block!important;overflow:hidden!important;
  width:100%!important;min-width:0!important;height:142px!important;min-height:142px!important;
  padding:0!important;margin:0!important;border-radius:17px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:#1a3036!important;box-shadow:0 5px 14px rgba(0,0,0,.12)!important;
  text-align:left!important;transform:none!important;
 }
 html[data-angitu-theme] body #needs .support-tile img.tile-image {
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;object-fit:cover!important;
  opacity:1!important;filter:none!important;border-radius:0!important;
 }
 html[data-angitu-theme] body #needs .support-tile::after {
  content:""!important;display:block!important;position:absolute!important;inset:38% 0 0!important;
  background:linear-gradient(transparent,rgba(0,0,0,.80))!important;
  pointer-events:none!important;z-index:1!important;
 }
 html[data-angitu-theme] body #needs .support-tile .tile-content {
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;
  padding:10px 11px!important;z-index:2!important;background:none!important;
  border:0!important;box-shadow:none!important;color:#fff!important;
 }
 html[data-angitu-theme] body #needs .support-tile h3 {font-size:13px!important;line-height:1.2!important;margin:0!important;color:#fff!important}
 html[data-angitu-theme] body #needs .support-tile p {display:none!important}
 html[data-angitu-theme] body #needs .support-tile .tile-arrow {position:absolute!important;right:10px!important;bottom:8px!important;color:#fff!important}
 html[data-angitu-theme] body .mobile-bottom-nav {
  position:fixed!important;left:12px!important;right:12px!important;
  bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
  top:auto!important;width:calc(100% - 24px)!important;max-width:480px!important;
  margin:0 auto!important;min-height:66px!important;height:66px!important;
  padding:6px 5px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;align-items:center!important;z-index:3000!important;
  border-radius:22px!important;border:1px solid rgba(255,255,255,.25)!important;
  background:rgba(20,45,48,.76)!important;backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;box-shadow:0 10px 32px rgba(0,0,0,.25)!important;
 }
 html[data-angitu-theme] body .mobile-bottom-nav a {
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  align-items:center!important;gap:3px!important;width:100%!important;min-width:0!important;
  height:100%!important;padding:4px 1px!important;margin:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;color:var(--angitu-theme-gold)!important;
  text-decoration:none!important;
 }
 html[data-angitu-theme] body .mobile-bottom-nav a .app-nav-icon {font-size:21px!important;line-height:1!important;color:var(--angitu-theme-gold)!important}
 html[data-angitu-theme] body .mobile-bottom-nav a .app-nav-label {font-size:10px!important;line-height:1.1!important;font-weight:650!important;white-space:nowrap!important;color:var(--angitu-theme-gold)!important}
 html[data-angitu-theme] body .mobile-bottom-nav a[aria-current="page"] {background:rgba(255,255,255,.09)!important;border-radius:15px!important}
 html[data-angitu-theme] body #screen,
 html[data-angitu-theme] body #locationScreen {max-width:100%!important;padding-bottom:100px!important}
 html[data-angitu-theme] body .screen-top {position:sticky!important;top:64px!important;z-index:100!important}
}

/* v1.21.1 MOBILE — ONE pūhoro image, no overlay or second copy. */
@media(max-width:760px){
 html[data-angitu-theme] body {background-image:none!important;}
 html[data-angitu-theme] body::before{
  content:""!important;display:block!important;
  position:fixed!important;inset:0!important;
  width:100vw!important;height:100dvh!important;
  background-image:url('/puhoro-watermark-original.jpg')!important;
  background-size:cover!important;background-position:center center!important;
  background-repeat:no-repeat!important;opacity:.065!important;
  mix-blend-mode:soft-light!important;pointer-events:none!important;
  z-index:0!important;
 }
 html[data-angitu-theme] body #home .hero-block::after{
  content:none!important;display:none!important;background-image:none!important;
 }
 html[data-angitu-theme] body .app-shell::before,
 html[data-angitu-theme] body .app-shell::after{
  content:none!important;display:none!important;background-image:none!important;
 }
}

/* v1.21.2 — single source of truth for hero transparency on desktop and mobile.
   The original pūhoro remains only on body::before; no hero watermark copy. */
html[data-angitu-theme] body #home .hero-block {
 position:relative!important;
 isolation:isolate!important;
 background:transparent!important;
 background-image:none!important;
 background-color:transparent!important;
 background-blend-mode:normal!important;
}
html[data-angitu-theme] body #home .hero-block::before {
 content:""!important;
 display:block!important;
 position:absolute!important;
 inset:0!important;
 width:100%!important;height:100%!important;
 background-image:var(--hero-location-image,url('/nz-neutral-hero.jpg'))!important;
 background-size:cover!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
 background-color:transparent!important;
 background-blend-mode:normal!important;
 mix-blend-mode:normal!important;
 filter:none!important;
 opacity:.43!important;
 pointer-events:none!important;
 z-index:-1!important;
}
html[data-angitu-theme] body #home .hero-block::after {
 content:none!important;display:none!important;background-image:none!important;
}
html[data-angitu-theme] body #home .platinum-hero-left,
html[data-angitu-theme] body #home .platinum-hero-right {
 background-color:transparent!important;
 background-image:none!important;
}
html[data-angitu-theme] body #home .hero-block > * {
 position:relative!important;z-index:1!important;
}
@media(max-width:760px){
 html[data-angitu-theme] body #home .hero-block::before {opacity:.43!important;}
 html[data-angitu-theme] body #home .hero-block::after {content:none!important;display:none!important;}
}

/* Theme 5 — Platinum Ocean Teal (approved mobile mockup palette).
   Colours only; preserve all existing imagery, logo and original pūhoro assets. */
html[data-angitu-theme="platinum-ocean"] {
 --angitu-theme-dark:#003D45;
 --angitu-theme-mid:#087D83;
 --angitu-theme-light:#D7ECEB;
 --angitu-theme-gold:#8FC6CA;
 --angitu-theme-text:#FFFFFF;
 --angitu-theme-button:#009A9C;
 --angitu-theme-button-ink:#FFFFFF;
 --angitu-theme-ocean:#075A64;
 --angitu-theme-ice:#F0F8F7;
 --angitu-theme-ink:#102C32;
 --angitu-theme-emergency:#AD2F35;
}
@media(max-width:760px){
 html[data-angitu-theme="platinum-ocean"] body nav.mobile-bottom-nav {
  background:rgba(0,61,69,.72)!important;
  background-color:rgba(0,61,69,.72)!important;
 }
 html[data-angitu-theme="platinum-ocean"] body nav.mobile-bottom-nav a.active {
  color:#FFFFFF!important;
  background:rgba(0,154,156,.75)!important;
  border-radius:17px!important;
 }
}
