/* chrome.css — the ONE header and footer of pavmacleaning.ca (2026-10-02). Written by
   tools/build-chrome.js into every page; loaded after every other stylesheet. Class names start with
   pv- so none of the older header rules (site/brand/theme/readability) can reach them. */

/* ---------- top bar ---------- */
.topbar .shell.pv-top{height:38px;display:flex;align-items:center;gap:22px;font-size:13px}
.topbar .pv-top a{margin:0;color:#fff;font-weight:700;text-decoration:none}
.topbar .pv-top a:hover{color:#67eaf5}
.topbar .pv-top .pv-top-sep{flex:1}
.topbar .pv-top span{color:rgba(255,255,255,.86)}

/* ---------- header bar ---------- */
header .pv-bar{min-height:84px;display:flex;align-items:center;gap:28px;position:relative}
header .pv-logo{display:flex;align-items:center;flex:0 0 auto}
header .pv-logo img{display:block;width:auto;height:66px;background:transparent}
header .pv-menu{flex:1;display:flex;align-items:center;justify-content:center}
header .pv-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
header .pv-item{position:relative;display:flex;align-items:center}
header .pv-link{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:#fff;font-size:15px;font-weight:700;letter-spacing:.01em;text-decoration:none;border-radius:8px}
header .pv-link:hover,header .pv-item:focus-within>.pv-link{color:#67eaf5}
header .pv-link[aria-current="page"]{color:#67eaf5;box-shadow:inset 0 -2px 0 #27c5dd}
header .pv-sub-toggle{width:26px;height:44px;margin-left:-8px;padding:0;border:0;background:transparent;color:#9fe9f3;font-size:13px;cursor:pointer}
header .pv-sub-toggle:hover{color:#fff}
header .pv-drop{display:none;position:absolute;top:100%;left:-10px;z-index:40;padding:20px;background:#fff;border-radius:14px;box-shadow:0 22px 50px rgba(4,13,34,.28);border:1px solid #d8e7f0}
header .pv-drop:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
header .pv-drop ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
header .pv-drop a{display:block;padding:10px 12px;border-radius:10px;color:#0b173f;text-decoration:none}
header .pv-drop a:hover{background:#eef7fb}
header .pv-drop b{display:block;font-size:15px;color:#0b173f}
header .pv-drop small{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:#4b5b73}
header .pv-drop-services{width:560px}
header .pv-drop-services ul{grid-template-columns:1fr 1fr}
header .pv-drop-areas{width:470px}
header .pv-drop-areas ul{grid-template-columns:1fr 1fr 1fr}
header .pv-drop-areas a{padding:9px 12px;font-size:15px;font-weight:700}
header .pv-drop .pv-all{margin-top:10px;padding:12px;border-top:1px solid #d8e7f0;border-radius:0;color:#0b5f86;font-size:14px;font-weight:800}
header .pv-drop .pv-all:hover{background:transparent;color:#081a44}
header .pv-cta{flex:0 0 auto;display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,#7af3f8,#24c4e6);color:#061a3e;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
header .pv-cta:hover{background:#fff}
header .pv-toggle{display:none}
header .pv-menu-cta{display:none}
@media (min-width:1120px) and (hover:hover){header .pv-has:hover>.pv-drop{display:block}}
@media (min-width:1120px){header .pv-has:focus-within>.pv-drop,header .pv-sub-open>.pv-drop{display:block}}

/* ---------- header below 1120px: logo, quote button, menu button ---------- */
@media (max-width:1119px){
  header .pv-bar{min-height:72px;gap:12px}
  header .pv-logo img{height:54px}
  header .pv-cta{margin-left:auto;min-height:42px;padding:0 16px;font-size:12px}
  header .pv-toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:46px;height:46px;padding:0;border:1px solid #45d7ea;border-radius:12px;background:transparent;cursor:pointer}
  header .pv-toggle span{display:block;width:20px;height:2px;background:#65e7f4;transition:.2s}
  header.pv-open .pv-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  header.pv-open .pv-toggle span:nth-child(2){opacity:0}
  header.pv-open .pv-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  header .pv-menu{display:none;position:absolute;top:100%;left:-20px;right:-20px;z-index:40;max-height:calc(100vh - 110px);overflow-y:auto;padding:8px 20px 22px;background:#071735;border-top:1px solid rgba(78,221,239,.28);box-shadow:0 24px 40px rgba(4,13,34,.35)}
  header.pv-open .pv-menu{display:block}
  header .pv-list{flex-direction:column;align-items:stretch;gap:0}
  header .pv-item{flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.12)}
  header .pv-link{flex:1;min-height:52px;padding:0 2px;font-size:17px}
  header .pv-link[aria-current="page"]{box-shadow:none}
  header .pv-sub-toggle{width:52px;height:52px;margin:0;font-size:16px;border-left:1px solid rgba(255,255,255,.12);transition:transform .2s}
  header .pv-sub-open>.pv-sub-toggle{transform:rotate(180deg);border-left:0;border-right:1px solid rgba(255,255,255,.12)}
  header .pv-drop{position:static;width:100%;margin:0 0 12px;padding:8px;box-shadow:none;border:0;background:rgba(255,255,255,.06)}
  header .pv-drop:before{display:none}
  header .pv-sub-open>.pv-drop{display:block}
  header .pv-drop a{color:#fff}
  header .pv-drop a:hover{background:rgba(255,255,255,.08)}
  header .pv-drop b{color:#fff}
  header .pv-drop small{color:rgba(255,255,255,.72)}
  header .pv-drop-services,header .pv-drop-areas{width:100%}
  header .pv-drop .pv-all{border-top-color:rgba(255,255,255,.12);color:#67eaf5}
  header .pv-menu-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
  header .pv-menu-cta a{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:12px;font-size:14px;font-weight:800;text-decoration:none}
  header .pv-menu-cta .pv-call{border:1px solid rgba(255,255,255,.4);color:#fff}
  header .pv-menu-cta .pv-quote{background:linear-gradient(135deg,#7af3f8,#24c4e6);color:#061a3e}
}
@media (max-width:640px){
  header .pv-drop-services ul{grid-template-columns:1fr}
  header .pv-drop-areas ul{grid-template-columns:1fr 1fr}
  .topbar .shell.pv-top{gap:16px;justify-content:center}
  .topbar .pv-top .pv-top-sep,.topbar .pv-top span,.topbar .pv-top .pv-top-address{display:none}
}
@media (max-width:420px){header .pv-logo img{height:48px}header .pv-cta{padding:0 12px}}

/* ---------- footer ---------- */
footer .pv-foot{display:grid;grid-template-columns:1.35fr 1fr 1.15fr .9fr 1fr;gap:40px;padding-bottom:10px}
footer .pv-foot .pv-logo img{display:block;width:auto;height:84px}
footer .pv-foot p{margin:16px 0 0;max-width:330px;line-height:1.7;color:rgba(255,255,255,.82)}
footer .pv-foot h3{margin:6px 0 16px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
footer .pv-col{display:flex;flex-direction:column;gap:11px;font-size:14px;line-height:1.5}
footer .pv-col a{text-decoration:none}
footer .pv-col a:hover{color:#67eaf5 !important}
footer .pv-areas{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px}
footer .pv-col .pv-all{margin-top:4px;font-weight:800;color:#67eaf5 !important}
footer .footer-rating{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#fff;font-weight:700;text-decoration:none}
footer .footer-rating:hover{text-decoration:underline}
footer .footer-rating .footer-rating-stars{color:#f4be11 !important;letter-spacing:1px}
footer .pv-foot-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
footer .pv-foot-actions a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:13px;font-weight:800;text-decoration:none}
footer .pv-foot-actions a:first-child{border-color:transparent;background:linear-gradient(135deg,#7af3f8,#24c4e6);color:#061a3e !important}
@media (max-width:1100px){footer .pv-foot{grid-template-columns:1fr 1fr 1fr}footer .pv-foot>div:first-child{grid-column:1/-1}}
@media (max-width:680px){footer .pv-foot{grid-template-columns:1fr 1fr;gap:34px 22px}footer .pv-areas{grid-template-columns:1fr}}
@media (max-width:420px){footer .pv-foot{grid-template-columns:1fr}}