/* =========================================================
   B.G.E. AERIALS — UNIFIED SILVER METALLIC HEADER SYSTEM
   Applies the same silver-metallic header treatment across
   desktop, tablet landscape, tablet portrait, and mobile.
   Page layouts/content are intentionally untouched.
   ========================================================= */
:root{
  --bge-metal-1:#f8f8f8;
  --bge-metal-2:#c8c8c8;
  --bge-metal-3:#777;
  --bge-metal-4:#efefef;
  --bge-metal-5:#a9a9a9;
  --bge-header-black:#050505;
}

/* Shared live desktop + tablet headers */
html body .desktop-standard-header{
  background:
    linear-gradient(180deg,#020202 0%,#0d0d0d 44%,#050505 72%,#000 100%) !important;
  border-bottom:1px solid rgba(215,215,215,.28) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.05),0 5px 18px rgba(0,0,0,.42) !important;
}
html body .desktop-standard-header .desktop-standard-nav a{
  color:#d8d8d8 !important;
  background:linear-gradient(180deg,
    var(--bge-metal-1) 0%,
    var(--bge-metal-2) 26%,
    var(--bge-metal-3) 49%,
    var(--bge-metal-4) 70%,
    var(--bge-metal-5) 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:0 1px 0 rgba(255,255,255,.16),0 2px 4px rgba(0,0,0,.82) !important;
}
html body .desktop-standard-header .desktop-standard-nav a::after,
html body .desktop-standard-header .desktop-standard-nav a.active::after,
html body .desktop-standard-header .desktop-standard-nav a:hover::after,
html body .desktop-standard-header .desktop-standard-nav a:focus-visible::after{
  background:linear-gradient(90deg,#686868 0%,#f7f7f7 48%,#919191 100%) !important;
  box-shadow:0 0 6px rgba(255,255,255,.22) !important;
}
html body .desktop-standard-header .desktop-standard-logo img{
  filter:contrast(1.05) brightness(1.07) drop-shadow(0 1px 1px rgba(255,255,255,.08)) !important;
}

/* Mobile black-metal header shells */
html body .mobile-header,
html body .mobile-home-header,
html body .mobile-contact-header,
html body .mobile-contact-header-exact{
  background:linear-gradient(180deg,#020202 0%,#101010 48%,#030303 100%) !important;
  border-bottom:1px solid rgba(215,215,215,.25) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.04),0 5px 16px rgba(0,0,0,.45) !important;
}
html body .mobile-logo-home img,
html body .mobile-home-header .mobile-logo-home img{
  filter:contrast(1.06) brightness(1.08) drop-shadow(0 1px 1px rgba(255,255,255,.08)) !important;
}

/* Text hamburger glyph used on Services / Works / About / 404 */
html body .menu-toggle{
  color:transparent !important;
  background:linear-gradient(180deg,#f8f8f8 0%,#c9c9c9 28%,#787878 50%,#f1f1f1 72%,#a7a7a7 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:0 1px 0 rgba(255,255,255,.12),0 2px 4px rgba(0,0,0,.85) !important;
}

/* Three-bar hamburger used on Home / Contact */
html body .mobile-menu-button span,
html body .mobile-menu-button::before,
html body .mobile-menu-button::after{
  background:linear-gradient(180deg,#f7f7f7 0%,#bababa 38%,#707070 56%,#ededed 78%,#aaa 100%) !important;
  box-shadow:0 1px 2px rgba(255,255,255,.18),0 2px 4px rgba(0,0,0,.78) !important;
}

/* Open navigation/drawer links use the same silver-metallic treatment */
html body .mobile-nav a,
html body .mobile-drawer a,
html body .mobile-contact-drawer a{
  color:#d8d8d8 !important;
  background:linear-gradient(180deg,#fff 0%,#c7c7c7 29%,#777 50%,#efefef 72%,#aaa 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:0 1px 0 rgba(255,255,255,.12),0 2px 4px rgba(0,0,0,.82) !important;
}
html body .mobile-contact-close{
  color:#d0d0d0 !important;
  text-shadow:0 1px 0 #fff,0 2px 5px #000 !important;
}

/* Tablet-portrait shared header keeps the same geometry, only metallic appearance changes. */
@media screen and (min-width:761px) and (max-width:1366px) and (orientation:portrait){
  html body > .desktop-standard-header{
    background:linear-gradient(180deg,#020202 0%,#101010 46%,#030303 100%) !important;
    border-bottom:1px solid rgba(215,215,215,.28) !important;
  }
  html body > .desktop-standard-header .desktop-standard-nav a{
    background:linear-gradient(180deg,#fff 0%,#c8c8c8 28%,#747474 50%,#f0f0f0 72%,#a8a8a8 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
  }
}