/* live-extra.css: only the new additions on the home page (src/home-live.mjs). Everything else is the live
   page's own stylesheet, assets/live.css. Colours and fonts are the live page's. */
.lv-dd{position:relative;display:inline-flex}
.lv-dd-btn{background:none;border:0;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:4px;padding:0}
.lv-chev{font-size:10px;opacity:.85}
.lv-dd-panel{position:absolute;top:calc(100% + 14px);left:-16px;min-width:250px;background:#fff;border-radius:16px;box-shadow:0 18px 40px -12px rgba(0,0,0,.28);padding:10px;z-index:60;display:flex;flex-direction:column}
.lv-dd-panel[hidden]{display:none}
.lv-dd-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.lv-dd-panel a{color:#294933;font-size:14px;padding:9px 12px;border-radius:10px;text-decoration:none;text-shadow:none}
.lv-dd-panel a:hover,.lv-dd-panel a:focus-visible{background:rgba(180,209,157,.25)}
.lv-macc summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer}
.lv-macc summary::-webkit-details-marker{display:none}
.lv-macc .lv-chev{font-size:.6em;transition:transform .2s}
.lv-macc[open] .lv-chev{transform:rotate(180deg)}
.lv-macc-links{display:flex;flex-direction:column;padding:10px 0 6px}
.lv-macc-links a{color:#fff;font-size:17px;min-height:44px;display:flex;align-items:center;text-decoration:none;opacity:.9}
[class*="translate-x-"].fixed{padding-bottom:40px}
[class*="translate-x-"].fixed{overflow-y:auto}
.lv-areas{margin-top:20px;display:grid;gap:10px}
.lv-areas p{margin:0;color:#294933;line-height:1.9}
.lv-areas strong{margin-right:6px}
.lv-areas a{display:inline-block;margin:0 8px 6px 0;padding:4px 12px;border-radius:999px;background:rgba(180,209,157,.25);color:#294933;text-decoration:none;font-size:14px;font-weight:500}
.lv-areas a:hover{background:rgba(180,209,157,.45)}
.lv-pause{position:absolute;right:20px;bottom:20px;z-index:20;background:rgba(255,255,255,.88);color:#294933;border:0;border-radius:999px;padding:8px 14px;font:500 13px/1 Inter,system-ui,sans-serif;cursor:pointer;min-height:36px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{margin:0;font-size:15px;min-height:1px}
/* the thank you after a send (Shane, 1 Nov 2026): a box that scrolls into view, never one small line under the button */
.form-msg.ok{color:#294933;font-weight:600;font-size:17px;line-height:1.5;background:#e7efe0;border:1px solid #b4d19d;border-radius:14px;padding:18px 20px;margin-top:14px;outline:none}
.form-msg.err{color:#a3392b;font-weight:600}
.lv-small{font-size:13px;color:#5a5d5a;margin:0}
.lv-small a{color:#294933}
[aria-invalid="true"]{border-color:#a3392b!important}
@media (min-width:768px){footer .grid.lv-fg{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){footer .grid.lv-fg{grid-template-columns:1.3fr .8fr 1.1fr 1.1fr 1.3fr}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none!important}}
a[href^="tel:"],a[href^="mailto:"]{white-space:nowrap}
@media (max-width:400px){a[href^="mailto:"]{font-size:14px!important}}
.lv-hero-in{pointer-events:none}.lv-hero-in *{pointer-events:auto}
header a[href^="tel:"]{min-width:44px;min-height:44px;justify-content:center}
.lv-chrome{background:transparent!important}
/* plan item 9 (27 Oct 2026): add on tick boxes on the home quote form */
.lv-addons{border:0;padding:0;margin:4px 0 16px;display:flex;flex-wrap:wrap;gap:10px 22px}
.lv-addons legend{font-size:14px;font-weight:500;color:#294933;margin-bottom:8px;padding:0}
.lv-addons label{display:flex;align-items:center;gap:8px;font-size:15px;color:#294933;min-height:44px;cursor:pointer}
.lv-addons input{width:20px;height:20px;accent-color:#294933}
/* 27 Oct 2026: three menus (Hinterland, Residential, Services) beside the live links; keep every item on one line from 1024px */
header .lg\:flex.gap-7 > a, header .lg\:flex.gap-7 .lv-dd-btn{white-space:nowrap}
@media (max-width:1279px){header .lg\:flex.gap-7{gap:16px}header .lg\:flex.gap-7 > a, header .lg\:flex.gap-7 .lv-dd-btn{font-size:13px}}

/* Josh's before and after (28 Oct 2026): one combined photo, before on top and after below, shown still */
.lv-ba { position: relative; max-width: 640px; margin: 0 auto; border-radius: 1rem; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25); }
.lv-ba img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.lv-ba-label { position: absolute; left: 16px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; padding: 6px 12px; border-radius: 9999px; background: #fff; color: rgb(41, 73, 51); box-shadow: 0 1px 3px rgba(0, 0, 0, .15); }

/* the sticky header covers a jump link target without this (site audit H2, 31 Oct 2026) */
html { scroll-padding-top: 96px; }