/* LRD unified theme — CSS-only overrides on top of the compiled Tailwind bundle (no source available).
   Palette (from the logo): karaka green #144c31 (primary), ink/charcoal #1f2427, slash red #af232e (logo accent only),
   gold #e2b340 (call-to-action only), warm paper #f7f3eb. Blue/teal/white trade colours are retired. */
:root{--lrd-green:#144c31;--lrd-green-deep:#0c3823;--lrd-char:#1f2427;--lrd-gold:#e2b340;--lrd-gold-hi:#efc659;--lrd-paper:#f7f3eb}

/* ---------- logo (vector, animated infinity; matches the supplied reference) ---------- */
header a[aria-label="Long Run Durability home"] img{content:url(/images/lrd-mark-card.svg);height:2.75rem;width:auto}
@media(min-width:640px){header a[aria-label="Long Run Durability home"] img{height:3rem}}
aside > a[href="/"] img,.group img[src*="lrd-mark"]{content:url(/images/lrd-mark.svg)}
aside > a[href="/"] img{height:3.6rem;width:auto}
.bg-paper > img[src*="lrd-mark.png"]{display:none}   /* huge faint watermark behind every page = visual noise */

/* ---------- header: one calm charcoal bar ---------- */
header.sticky{background:var(--lrd-char)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
header.sticky > div.h-0\.5{height:3px;background:var(--lrd-green)!important}
header.sticky > p.border-t{display:none!important}               /* duplicate tagline (also in sidebar + hero) */
header.sticky > p.bg-\[\#e2b340\]{background:var(--lrd-green-deep)!important;color:#f3e3b0!important;font-size:.8125rem;font-weight:500;padding:.4rem 1rem!important;letter-spacing:.01em}
header.sticky > .wrap{gap:.75rem!important}
header a[href^="tel:"],header a[href="/work"]{display:none!important}   /* Call is in the sidebar/bottom bar; Gallery is in Menu */
header button[aria-controls="site-menu"]{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)}

/* trade tabs: identical quiet pills, active one highlighted */
header nav[aria-label="Trades"]>div{background:transparent!important;border:0!important;padding:0!important;gap:.25rem}
header nav[aria-label="Trades"] a:not([data-lrdq]){background:transparent!important;color:rgba(255,255,255,.82)!important;border:0!important;white-space:nowrap;font-weight:500;padding-inline:.8rem;border-radius:.5rem}
header nav[aria-label="Trades"] a:not([data-lrdq]):hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
header nav[aria-label="Trades"] a.active,header nav[aria-label="Trades"] a[aria-current]{background:rgba(255,255,255,.14)!important;color:#fff!important}
header nav[aria-label="Trades"] a[data-lrdq]{display:none!important}   /* quote CTA now lives in the right-hand group */

/* primary CTA: ONE gold button everywhere */
header a[data-lrdq="cta"],.lrd-cta{display:inline-flex;align-items:center;height:2.5rem;padding:0 1rem;border-radius:.5rem;background:var(--lrd-gold)!important;color:#111!important;font-weight:700;font-size:.875rem;white-space:nowrap;text-decoration:none;box-shadow:0 1px 0 rgba(0,0,0,.25)}
header a[data-lrdq="cta"]:hover,.lrd-cta:hover{background:var(--lrd-gold-hi)!important}
header a[href^="/enquiry"]{background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important}
@media(max-width:520px){header a[href^="/enquiry"]{display:none!important}}

/* ---------- sidebar: grouped, one colour language ---------- */
aside.fixed{background:#fff!important}
aside nav[aria-label="Jobs"]{padding:.75rem!important}
aside nav[aria-label="Jobs"] a{background:transparent!important;color:var(--lrd-char)!important;border:0!important;border-left:3px solid transparent!important;border-radius:.375rem!important}
aside nav[aria-label="Jobs"] a:hover{background:var(--lrd-paper)!important}
aside nav[aria-label="Jobs"] a .opacity-80{opacity:.65}
aside nav[aria-label="Jobs"] a[href="/roofing"],aside nav[aria-label="Jobs"] a[href="/waterproofing"],aside nav[aria-label="Jobs"] a[href="/building"],aside nav[aria-label="Jobs"] a[href="/decorating"]{background:var(--lrd-paper)!important;border-left-color:var(--lrd-green)!important}
aside nav[aria-label="Jobs"] a.active,aside nav[aria-label="Jobs"] a[aria-current]{background:var(--lrd-green)!important;color:#fff!important;border-left-color:var(--lrd-gold)!important}
aside nav[aria-label="Jobs"] a.active .text-stone,aside nav[aria-label="Jobs"] a[aria-current] .text-stone{color:rgba(255,255,255,.8)!important}
aside .border-t a[href^="tel:"]{background:var(--lrd-char)!important}
aside .border-t a[href*="wa.me"]{background:transparent!important;color:var(--lrd-green)!important;border:1px solid var(--lrd-green)}
aside .border-t a[href^="/enquiry"]{background:var(--lrd-green)!important}

/* ---------- Menu dialog ---------- */
#site-menu a[href]{background:transparent!important;color:var(--lrd-char)!important}
#site-menu a[href]:hover{background:var(--lrd-paper)!important}
#site-menu a.active,#site-menu a[aria-current]{background:var(--lrd-green)!important;color:#fff!important}
#site-menu a.active span,#site-menu a[aria-current] span{color:inherit!important}
#site-menu a[data-lrdq="menu"]{background:var(--lrd-gold)!important;color:#111!important;font-weight:700;margin:.25rem 0 .25rem 1rem;border-radius:.375rem;display:flex;min-height:2.5rem;align-items:center}
#site-menu a[href="/roofing"],#site-menu a[href="/building"],#site-menu a[href="/decorating"],#site-menu a[href="/waterproofing"]{font-weight:600;border-left:3px solid var(--lrd-green)}
#site-menu p.uppercase{margin-top:.5rem;padding-bottom:.25rem;border-bottom:1px solid #e8dfd0;color:var(--lrd-green)!important;font-weight:600}

/* ---------- page colour clashes ---------- */
[data-lrdq="hero"]{background:linear-gradient(100deg,var(--lrd-green-deep),var(--lrd-green))!important;border-bottom:0!important}
[data-lrdq="hero"] a{background:var(--lrd-gold)!important;color:#111!important}
main section .bg-\[\#e2b340\].rounded-md{background:rgba(12,56,35,.9)!important;color:#fff!important;border:1px solid rgba(226,179,64,.6);backdrop-filter:blur(2px)}
main .bg-\[\#1d4e89\]{background:var(--lrd-green)!important}
main .bg-\[\#7ec8c3\]{background:#dfeae4!important;color:var(--lrd-char)!important}
main .text-\[\#1d4e89\]{color:var(--lrd-green)!important}
.bg-\[\#163a66\]{background:var(--lrd-green)!important}
/* orange 404/other CTAs -> brand green */
main .bg-orange-700,main .bg-\[\#b85c1e\]{background:var(--lrd-green)!important}

/* mobile bottom bar: Call / Chat / Enquiry */
@media(max-width:1023px){body{scroll-padding-top:5rem}}
:focus-visible{outline:2px solid var(--lrd-gold);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#site-menu input:focus-visible{outline:none}