/* Airwatt (16 Nov 2026): the few things that differ from the Westplumb look (css/base.css + home.css, recoloured by
   content/recolour.py to Airwatt's copper/peach on deep teal-charcoal). Built from the Total Air override sheet. */

/* heroes are photos, not Westplumb's videos: the <img> keeps .hero-vid, so the same desktop panel + mask and phone cover apply */
.ve .hero picture{display:contents}
.svc-page .hero{background-image:none}

/* logo: the AIRWATT ELECTRICS lockup is very wide (8.6:1) */
.site-header .logo img{height:32px;width:auto;display:block}
/* phones (16 Nov, Jarryd: the wide lockup + call button + menu were 430px, so a 360-414px phone scrolled sideways and the menu
   button was cut off): the stacked AIRWATT / ELECTRICS logo, and under 400px the header call button drops to its icon (the
   number stays in the bottom call bar) */
.site-header .logo picture{display:contents}
@media (max-width:440px){.site-header .logo img{height:34px}}
@media (max-width:400px){.site-header .hdr-call .tel-inline{display:none}.site-header .hdr-call{padding-left:12px;padding-right:12px}}
.foot-brand img{height:38px;width:auto;align-self:flex-start;object-fit:contain}

/* video band: a photo card instead of the video */
img.vband-vid{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}

/* phones: hero chip strip splits 2-up when a page has 2 chips */
@media (max-width:700px){.ve .hero-chips:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* the GHL form is its own dark card (content/ghl-form.css), so the page's white Westplumb card around it goes */
.enq-card{background:transparent;padding:0;box-shadow:none;border-radius:16px}

/* street map: keyless OpenStreetMap tiles, darkened; brighter streets and a soft dot glow (Jarryd's preference, 10 Nov) */
#lmap{--to:.62}
#lmap .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) grayscale(1) brightness(1.15) contrast(1.1)}
.lmap-glow path{fill-opacity:calc(.07 / var(--lz))}
#lmap[data-f] .lmap-glow path{fill-opacity:.03}
.cov-glow circle{opacity:calc(.09 / var(--z))}

/* fourth region: Rockingham, Kwinana & Baldivis (teal, off the logo's background, so it doesn't blur into the peach) */
.cov-key.rc,.cov-dots .rc,.area-card.rc,.lp-wrap.rc{--c:#5FC4C9}.cov-glow .rc,.lmap-glow .rc{fill:#5FC4C9}
.js .areas .cov[data-f="rc"] .cov-dots .rc{opacity:1}
.cov[data-f="rc"] .cov-glow .rc{opacity:.35}
#lmap[data-f="rg"] .lmap-glow .rg,#lmap[data-f="rs"] .lmap-glow .rs,#lmap[data-f="rm"] .lmap-glow .rm,#lmap[data-f="rc"] .lmap-glow .rc{fill-opacity:.16}
.js .areas #lmap[data-f="rc"] .lp-wrap.rc{opacity:1}

/* map vans + caption (js/fleet.js, 10 Nov): Airwatt vans on real roads, a soft pulse under each */
.tv-wrap{background:none;border:0}
.tvan{position:relative;width:30px;height:30px}
.tvan::before{content:"";position:absolute;inset:-6px;border-radius:50%;background:rgba(242,140,78,.35);animation:tvPulse 2s ease-out infinite}
.tvan .tv-body{position:absolute;inset:0;transition:transform .4s linear;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
@keyframes tvPulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.tv-cap{position:absolute;left:50%;transform:translateX(-50%);bottom:12px;white-space:nowrap;z-index:500;background:rgba(17,27,30,.88);color:#fff;font:700 12.5px var(--body,sans-serif);padding:7px 12px;border-radius:999px;display:flex;align-items:center;gap:8px;pointer-events:none;border:1px solid rgba(242,140,78,.35)}
.tv-cap i{width:12px;height:16px;display:inline-block;border-radius:3px;background:#F28C4E;box-shadow:inset 0 3px 0 #111B1E}
@media (prefers-reduced-motion:reduce){.tvan::before{animation:none}}
/* parked vans: no pulse, slightly dimmer; the visitor's van keeps a slow white pulse so it reads as "near you" */
.tvan.is-parked::before{animation:none;opacity:0}
.tvan.is-parked .tv-body{opacity:.92}
.tvan.is-mine::before{opacity:1;background:rgba(255,255,255,.4);animation:tvPulse 2.6s ease-out infinite}