/* Shared compact London Waste Collection header | all site pages | 2026-11-04 */
.site-header.header{position:sticky!important;top:0;z-index:120;height:54px!important;min-height:54px!important;background:#fff;border-bottom:1px solid #e5ebe5;box-shadow:0 1px 4px rgba(12,53,18,.07);overflow:visible}
.site-header .site-header-inner{box-sizing:border-box;width:calc(100% - 64px);max-width:1600px;height:54px!important;margin:0 auto;padding:0!important;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.site-header .site-brand.brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;padding:0!important;text-decoration:none;white-space:nowrap;color:#0a2517;font-family:Arial,Manrope,sans-serif;font-size:18px;font-weight:800;line-height:1;letter-spacing:-.045em}
.site-header .site-brand .brandmark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;background:transparent;padding:0!important}
.site-header .site-brand img{display:block;width:38px!important;max-width:38px!important;height:38px!important;object-fit:contain}
.site-header .site-brand strong{display:block;font-size:inherit;line-height:1;font-weight:800}
.site-header .site-brand strong span{display:block;font-size:14px;line-height:1.06;letter-spacing:-.04em}
.site-header .site-nav.nav{position:static;top:auto;left:auto;right:auto;min-width:0;display:flex!important;align-items:center;justify-content:center;flex:0 1 auto;gap:clamp(7px,.9vw,15px);margin:0;padding:0!important;background:transparent;box-shadow:none}
.site-header .site-nav a{display:inline-flex;align-items:center;gap:5px;position:relative;flex:0 0 auto;min-height:43px;padding:0 2px!important;color:#1b3022;font:700 clamp(11px,.79vw,13px)/1.15 Arial,Manrope,sans-serif;white-space:nowrap;text-decoration:none;transition:color .15s ease}
.site-header .site-nav .site-svg{display:block;flex:0 0 16px;width:16px;height:16px}
.site-header .site-nav .site-nav-icon{display:inline-flex;align-items:center;justify-content:center}
.site-header .site-nav a:hover,.site-header .site-nav a.active,.site-header .site-nav a[aria-current="page"]{color:#148829}
.site-header .site-nav a.active::after,.site-header .site-nav a[aria-current="page"]::after{content:"";position:absolute;bottom:3px;left:2px;right:2px;height:2px;background:#198d2b;border-radius:2px}
.site-header .site-header-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:8px;min-width:0}
.site-header .site-quote.btn{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:35px;height:35px;padding:7px 12px!important;white-space:nowrap;font:800 12px/1 Arial,Manrope,sans-serif;color:white;background:#159327;border:1px solid #138628;border-radius:7px;box-shadow:0 2px 5px rgba(21,83,32,.12);text-decoration:none}
.site-header .site-quote .site-svg{width:16px;height:16px;flex:0 0 16px}
.site-header .site-quote:hover{background:#127f25}
.site-header .site-menu.menu{display:none!important;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border:0;background:transparent;color:#105f29;cursor:pointer;border-radius:6px;padding:8px}
.site-header .site-menu .site-svg{width:23px;height:23px}
.site-header .site-menu:hover,.site-header .site-menu:focus-visible{background:#e7f4e8}
.home-lwc>.site-header{width:100%;margin:0;border-radius:0}
@media (min-width:1201px) and (max-width:1380px){
 .site-header .site-header-inner{width:calc(100% - 36px);gap:9px}
 .site-header .site-brand.brand{font-size:16px}
 .site-header .site-brand strong span{font-size:13px}
 .site-header .site-nav.nav{gap:6px}
 .site-header .site-nav a{font-size:11px;gap:4px}
 .site-header .site-nav .site-svg{width:14px;height:14px}
 .site-header .site-quote.btn{padding:6px 9px!important;font-size:11px}
}
@media (min-width:721px) and (max-width:1200px){
 .site-header.header{height:50px!important;min-height:50px!important}
 .site-header .site-header-inner{height:50px!important;width:calc(100% - 34px)}
 .site-header .site-nav.nav{display:flex!important;gap:clamp(3px,.65vw,11px)}
 .site-header .site-nav a{min-width:36px;min-height:38px;padding:6px!important;border-radius:8px;justify-content:center;color:#16452b}
 .site-header .site-nav .site-svg{width:21px;height:21px;flex-basis:21px}
 .site-header .site-nav .site-nav-label{display:none!important}
 .site-header .site-nav a.active,.site-header .site-nav a[aria-current="page"]{background:#eaf7e9}
 .site-header .site-nav a.active::after,.site-header .site-nav a[aria-current="page"]::after{display:none}
 .site-header .site-menu.menu{display:none!important}
}
@media (max-width:720px){
 .site-header.header{height:50px!important;min-height:50px!important}
 .site-header .site-header-inner{height:50px!important;width:calc(100% - 28px);gap:8px}
 .site-header .site-brand.brand{font-size:16px}
 .site-header .site-brand strong span{font-size:12px}
 .site-header .site-brand .brandmark{width:33px;height:33px;flex-basis:33px}
 .site-header .site-brand img{width:33px!important;height:33px!important}
 .site-header .site-menu.menu{display:inline-flex!important}
 .site-header .site-nav.nav{display:none!important;position:absolute!important;z-index:140;top:52px!important;left:0!important;right:0!important;min-width:0;max-height:calc(100dvh - 52px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:2px;margin:0;padding:10px 16px 16px!important;background:#fff;box-shadow:0 10px 26px rgba(20,60,36,.17)}
 .site-header .site-nav.nav.open{display:flex!important}
 .site-header .site-nav a{display:flex!important;min-height:44px;padding:9px 10px!important;gap:12px;font-size:14px;border-radius:6px}
 .site-header .site-nav .site-svg{width:19px;height:19px;flex-basis:19px}
 .site-header .site-nav .site-nav-label{display:inline!important}
 .site-header .site-nav a.active,.site-header .site-nav a[aria-current="page"]{background:#eaf7e9}
 .site-header .site-nav a.active::after,.site-header .site-nav a[aria-current="page"]::after{display:none}
 .site-header .site-quote.btn{height:32px;min-height:32px;padding:6px 9px!important;font-size:11px}
 .site-header .site-quote .site-svg{width:14px;height:14px}
}
@media (max-width:420px){
 .site-header .site-brand.brand{font-size:15px}
 .site-header .site-brand strong span{font-size:11px}
 .site-header .site-quote.btn span{display:none}
 .site-header .site-quote.btn{width:33px;min-width:33px;padding:6px!important}
}
@media (prefers-reduced-motion:reduce){.site-header *{transition:none!important}}

/* Final fixed compact measurements: versioned asset avoids older cached header styles */
.site-header.header{height:54px!important;min-height:54px!important;max-height:54px!important;box-sizing:border-box!important;padding:0!important}
.site-header .site-header-inner{height:54px!important;min-height:54px!important;max-height:54px!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important}
.site-header .site-nav a{min-height:40px}
@media(min-width:721px) and (max-width:1200px){.site-header.header,.site-header .site-header-inner{height:52px!important;min-height:52px!important;max-height:52px!important}}
@media(max-width:720px){.site-header.header,.site-header .site-header-inner{height:50px!important;min-height:50px!important;max-height:50px!important}.site-header .site-nav.nav{top:50px!important;max-height:calc(100dvh - 50px)}}