/* ============================================================================
   SHARED HEADER — premium dark/gold (master design, used on EVERY page).
   Scoped to the top trust bar + main nav + dropdowns + hamburger so it applies
   regardless of the page's body theme. Loaded LAST so it is the single source
   of truth for the header look. Header-only — does not affect any other section
   of any page (bodies, footers and in-page buttons are untouched).
   Mirrors the Projects-page header (the city-luxury "chrome").
   ============================================================================ */
:root{
  --hd-gold:#FACC15;
  --hd-line:rgba(250,204,21,0.18);
  --hd-text:rgba(255,255,255,0.82);
  --hd-text-strong:#FFFFFF;
}

/* ---- Top trust / utility bar ---------------------------------------------- */
.utility-bar{
  background:rgba(8,8,10,0.72) !important;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  color:var(--hd-text) !important;
  border-bottom:1px solid var(--hd-line) !important;
}
.utility-bar .left,
.utility-bar .left span,
.utility-bar .right span{ color:var(--hd-text) !important; }
.utility-bar .dot{ color:var(--hd-gold) !important; }
/* normalise the "24/7 Emergency Service" chip to the plain Projects style */
.utility-bar .chip{
  border:none !important;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  font-size:inherit !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  font-weight:600 !important;
  color:var(--hd-text) !important;
}
.utility-bar .phone,
.utility-bar a.phone{ color:var(--hd-text-strong) !important; }
.utility-bar .phone:hover,
.utility-bar a.phone:hover{ color:var(--hd-gold) !important; }
.utility-bar .pulse{ background:var(--hd-gold) !important; box-shadow:0 0 0 4px rgba(250,204,21,0.18) !important; }

/* ---- Main nav bar --------------------------------------------------------- */
.nav{
  background:rgba(10,10,12,0.66) !important;
  -webkit-backdrop-filter:saturate(160%) blur(18px); backdrop-filter:saturate(160%) blur(18px);
  border-bottom:1px solid var(--hd-line) !important;
}
/* black logo artwork → light chip (same treatment as the Projects header) */
.nav .brand img{
  background:#F6F2EA !important;
  padding:6px 11px !important;
  border-radius:12px !important;
  box-shadow:0 4px 16px rgba(0,0,0,0.35) !important;
}
.nav .links a{ color:rgba(255,255,255,0.86) !important; }
.nav .links a:hover{ color:var(--hd-gold) !important; }
.nav .right .phone-link{ color:var(--hd-text-strong) !important; }
.nav .right .phone-link:hover{ color:var(--hd-gold) !important; }

/* ---- Hamburger ------------------------------------------------------------ */
.nav .hamburger,
.hamburger{ background:rgba(255,255,255,0.08) !important; }
.hamburger span,
.hamburger span::before,
.hamburger span::after{ background:#fff !important; }

/* ---- Desktop dropdown menus ----------------------------------------------- */
.nav .nav-dropdown .dropdown-menu{
  background:rgba(16,15,14,0.94) !important;
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border:1px solid var(--hd-line) !important;
  box-shadow:0 24px 60px rgba(0,0,0,0.6) !important;
}
.nav .nav-dropdown .dropdown-menu a{ color:rgba(255,255,255,0.82) !important; }
.nav .nav-dropdown .dropdown-menu a:hover{
  color:var(--hd-gold) !important;
  background:rgba(250,204,21,0.08) !important;
}