/* Selected design: soft brushed-chrome WordPress-style menu.
   All rules are scoped to the header. The original site styles are preserved. */
@media (min-width:992px){
  .header-top.metal-site-header{
    display:block !important;
    height:126px !important;
    min-height:126px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    position:relative !important;
    z-index:10000 !important;
    isolation:auto !important;
    color:#f5f6f6 !important;
    background:linear-gradient(145deg,#1e2a35 0%,#131a21 46%,#1b2630 100%) !important;
    box-shadow:0 13px 22px rgba(16,24,31,.20) !important;
    font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',sans-serif !important;
  }
  .header-top.metal-site-header::before,
  .header-top.metal-site-header::after{display:none !important;content:none !important;}
  .metal-site-header *, .metal-site-header *::before, .metal-site-header *::after {box-sizing:border-box;}
  .metal-site-header .metal-utility{
    height:44px !important;
    padding:0 clamp(22px,4.3vw,95px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    position:relative;
    z-index:3;
    border-bottom:1px solid rgba(223,227,230,.19);
    background:linear-gradient(180deg,#243341 0%,#1e2a35 45%,#19242d 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(255,255,255,.035);
  }
  .metal-site-header .metal-utility-left{display:flex;align-items:center;gap:28px;min-width:0;}
  .metal-site-header .metal-utility a,
  .metal-site-header .metal-info-hours{display:inline-flex;align-items:center;gap:10px;color:#e7e9ea !important;font-weight:500;font-size:12.8px;line-height:1.1;white-space:nowrap;text-decoration:none !important;}
  .metal-site-header .metal-info-link:hover{color:#ffffff !important;}
  .metal-site-header .metal-utility-left i{font-size:15px;font-weight:400;color:#e6e8e9 !important;}
  .metal-site-header .metal-info-divider{height:18px;width:1px;background:rgba(226,229,231,.40);}
  .metal-site-header .metal-socials{display:flex;align-items:center;gap:7px;}
  .metal-site-header .metal-socials a{
    width:28px;height:28px;display:inline-flex;justify-content:center;align-items:center;
    color:#e9ebed !important;font-size:13px;border-radius:6px;
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
    border:1px solid rgba(255,255,255,.045);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
    transition:background .18s ease,transform .18s ease;
  }
  .metal-site-header .metal-socials a:hover{background:rgba(247,249,250,.15);transform:translateY(-1px);}
  .metal-site-header .metal-main{
    position:relative;
    height:82px;
    display:grid;
    grid-template-columns:minmax(237px,26.2%) minmax(0,1fr) minmax(170px,18.5%);
    align-items:center;
    padding:0 clamp(22px,4.3vw,95px);
    background:
      linear-gradient(180deg,rgba(255,255,255,.065) 0%,rgba(255,255,255,.012) 14%,transparent 28%),
      linear-gradient(180deg,#293a49 0%,#222f3c 35%,#17212a 100%);
    border-bottom:1px solid #273746;
    box-shadow:0 6px 15px rgba(11,18,24,.22),inset 0 1px 0 rgba(255,255,255,.11);
  }
  .metal-site-header .metal-brand{
    position:relative;z-index:2;display:flex;align-items:center;gap:13px;
    align-self:stretch;text-decoration:none !important;
    min-width:0;padding:0 18px 0 0;
    color:#f6f7f8 !important;
  }
  .metal-site-header .metal-brand img{width:52px;height:64px;flex:0 0 52px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(0,0,0,.16));}
  .metal-site-header .metal-brand span{
    font-family:Inter,system-ui,sans-serif !important;font-size:clamp(17px,1.58vw,25px);
    font-weight:700;letter-spacing:-.65px;white-space:nowrap;line-height:1.1;
    color:#f5f6f6 !important;text-shadow:0 1px 1px rgba(0,0,0,.2);
  }
  .metal-site-header .metal-navigation{
    height:82px;min-width:0;display:flex;align-items:center;justify-content:space-evenly;
    gap:clamp(7px,1vw,20px);position:relative;z-index:2;
    padding:0 clamp(14px,1.7vw,32px);
  }
  .metal-site-header .metal-navigation::before{
    content:"";position:absolute;z-index:-1;pointer-events:none;
    top:0;bottom:0;left:-20px;right:-23px;
    clip-path:polygon(6.6% 0,100% 0,93.5% 100%,0 100%);
    background:
      repeating-linear-gradient(0deg,rgba(39,55,70,.018) 0,rgba(39,55,70,.018) 1px,transparent 1px,transparent 4px),
      linear-gradient(94deg,#a5aeb6 0%,#d6dce1 14%,#f4f6f7 30%,#cbd2d8 51%,#eeeff0 72%,#8c9ba7 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 0 rgba(49,69,87,.17);
  }
  .metal-site-header .metal-navigation::after{
    content:"";position:absolute;z-index:-2;pointer-events:none;
    top:0;bottom:0;left:-27px;right:-29px;
    clip-path:polygon(6.4% 0,100% 0,93.5% 100%,0 100%);
    background:linear-gradient(105deg,#697984,#fafcfc 17%,#93a0ab 60%,#f8f9f9 90%,#6d7e88 100%);
  }
  .metal-site-header .metal-navigation > .metal-link,
  .metal-site-header .metal-navigation > .mega-dropdown > .metal-link{
    color:#243341 !important;font-family:Inter,system-ui,sans-serif !important;
    font-size:clamp(12.5px,.86vw,15.3px) !important;font-weight:600 !important;
    padding:13px 0 !important;margin:0 !important;text-decoration:none !important;
    letter-spacing:-.24px;white-space:nowrap;line-height:1.3;display:inline-flex;align-items:center;gap:6px;
    text-shadow:none !important;background:transparent !important;
    border:0 !important;position:relative;z-index:3;
  }
  .metal-site-header .metal-navigation > .mega-dropdown{height:100%;display:flex;align-items:center;flex:0 0 auto;position:relative;}
  .metal-site-header .metal-navigation > .metal-link{flex:0 0 auto;}
  .metal-site-header .metal-navigation .metal-link:hover,
  .metal-site-header .metal-navigation .metal-link.active,
  .metal-site-header .metal-navigation .mega-dropdown.mega-open > .metal-link{
    color:#1b3650 !important;
  }
  .metal-site-header .metal-navigation .metal-link.active::before{
    content:"";position:absolute;bottom:3px;left:0;right:0;height:3px;
    background:linear-gradient(90deg,#254c70,#2a557e);border-radius:3px;
    box-shadow:none;
  }
  .metal-site-header .metal-navigation .mega-chevron{font-size:10px !important;color:#2d4051;opacity:.9;}
  .metal-site-header .metal-navigation .mega-dropdown:hover .mega-chevron,
  .metal-site-header .metal-navigation .mega-dropdown.mega-open .mega-chevron{transform:rotate(180deg);}
  .metal-site-header .metal-service{
    position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:11px;
    min-width:0;min-height:50px;padding:8px 17px;margin-left:22px;
    border-radius:12px;text-decoration:none !important;
    font-family:Inter,system-ui,sans-serif !important;font-size:clamp(13px,.98vw,16px) !important;font-weight:700;
    white-space:nowrap;color:#f8f9f9 !important;
    border:1px solid rgba(110,143,173,.47);
    background:linear-gradient(180deg,#566974 0%,#293949 16%,#1c2731 65%,#161f28 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.37),inset 0 -2px 5px rgba(0,0,0,.19),0 5px 10px rgba(6,13,20,.21);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .metal-site-header .metal-service i{font-size:17px;color:#f0f2f4 !important;}
  .metal-site-header .metal-service:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 8px 16px rgba(6,13,20,.28);color:#fff!important;}

  /* Preserve the existing service/practical/regions mega-menu links and opening behavior. */
  .header-top.metal-site-header .mega-dropdown > .mega-menu{
    top:126px !important;z-index:100000 !important;
    border:1px solid #cccfd2 !important;
    border-top:3px solid #496682 !important;
    border-radius:0 0 15px 15px !important;
    background:#f6f7f8 !important;
    background-image:linear-gradient(180deg,#ffffff,#eff1f2) !important;
    box-shadow:0 18px 40px rgba(16,30,43,.20) !important;
    backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
    padding:19px !important;gap:9px 12px !important;
    scrollbar-color:#aeb9c2 #e9ebec;
  }
  .header-top.metal-site-header .mega-dropdown > .mega-menu::before,
  .header-top.metal-site-header .mega-dropdown > .mega-menu::after{display:none !important;}
  .header-top.metal-site-header .mega-menu-head{
    min-height:46px !important;padding:0 4px 12px !important;margin:0 0 7px !important;
    border-bottom:1px solid #dbdee0 !important;background:none !important;
  }
  .header-top.metal-site-header .mega-menu-head::after{display:none !important;}
  .header-top.metal-site-header .mega-menu-head span{
    color:#283847 !important;font:700 18px/1.25 Inter,system-ui,sans-serif !important;
    text-shadow:none !important;
  }
  .header-top.metal-site-header .mega-menu-head span i{
    color:#395066 !important;background:#e9ebed !important;border-color:#e0e3e6 !important;
    box-shadow:none !important;border-radius:8px !important;
  }
  .header-top.metal-site-header .mega-menu-head small{
    color:#3b5369 !important;background:#ecedee !important;border:1px solid #dadde0 !important;
    box-shadow:none !important;
  }
  .header-top.metal-site-header .mega-menu-head small::before{background:#4f6f8c !important;box-shadow:none !important;}
  .header-top.metal-site-header .mega-menu .dropdown-item{
    color:#263544 !important;font-family:Inter,system-ui,sans-serif !important;
    background:#fff !important;background-image:none !important;
    border:1px solid #e4e6e8 !important;box-shadow:0 2px 6px rgba(19,34,47,.035) !important;
    border-radius:8px !important;min-height:46px !important;transform:none !important;
    font-size:13px !important;font-weight:500 !important;
  }
  .header-top.metal-site-header .mega-menu .dropdown-item::before{display:none !important;}
  .header-top.metal-site-header .mega-menu .dropdown-item i{
    color:#3d566d !important;background:#f0f2f4 !important;border-color:#f0f2f4 !important;
    box-shadow:none !important;border-radius:6px !important;
  }
  .header-top.metal-site-header .mega-menu .dropdown-item:hover,
  .header-top.metal-site-header .mega-menu .dropdown-item:focus{
    color:#18354f !important;background:#e9ecee !important;
    border-color:#c4cbd1 !important;box-shadow:none !important;transform:none !important;
  }
  .header-top.metal-site-header .mega-menu .dropdown-item:hover i{color:#1f3e5c !important;background:#dbe0e4 !important;}
}
@media (min-width:992px) and (max-width:1199.98px){
  .metal-site-header .metal-main{grid-template-columns:190px minmax(0,1fr) 145px !important;padding:0 17px !important;}
  .metal-site-header .metal-brand{gap:7px;padding-right:8px;}
  .metal-site-header .metal-brand img{width:37px;height:50px;flex-basis:37px;}
  .metal-site-header .metal-brand span{font-size:16px;letter-spacing:-.6px;}
  .metal-site-header .metal-navigation{padding:0 9px !important;gap:5px !important;}
  .metal-site-header .metal-navigation > .metal-link,
  .metal-site-header .metal-navigation > .mega-dropdown > .metal-link{font-size:11px !important;gap:3px !important;letter-spacing:-.4px;}
  .metal-site-header .metal-navigation .mega-chevron{font-size:8px !important;}
  .metal-site-header .metal-service{font-size:12px !important;min-height:42px;margin-left:10px;padding:6px;gap:5px;}
  .metal-site-header .metal-utility{padding:0 23px !important;}
}
@media (min-width:1200px) and (max-width:1399.98px){
  .metal-site-header .metal-main{grid-template-columns:260px minmax(0,1fr) 170px;padding:0 32px;}
  .metal-site-header .metal-brand span{font-size:19px;}
  .metal-site-header .metal-navigation{gap:5px;padding:0 15px;}
  .metal-site-header .metal-navigation > .metal-link,
  .metal-site-header .metal-navigation > .mega-dropdown > .metal-link{font-size:12.6px !important;letter-spacing:-.3px;}
  .metal-site-header .metal-service{margin-left:12px;font-size:13px !important;}
}
/* The original mobile menu and all its links stay intact; only its header presentation is harmonized. */
@media (max-width:991.98px){
  .header-top.metal-site-header{display:none !important;}
  .mobile-pro-header{
    background:linear-gradient(135deg,#283847 0%,#1c2732 50%,#141c24 100%) !important;
    border-bottom:1px solid rgba(208,213,217,.28) !important;
    box-shadow:0 9px 18px rgba(13,22,30,.20) !important;
  }
  .mobile-pro-brand{display:flex !important;align-items:center !important;gap:9px !important;min-width:0 !important;}
  .mobile-pro-brand img{height:48px !important;width:41px !important;flex:0 0 41px !important;object-fit:contain;}
  .mobile-pro-brand span{font:700 clamp(16px,4.4vw,23px)/1.1 Inter,system-ui,sans-serif !important;letter-spacing:-.5px;color:#f7f8f9 !important;white-space:nowrap;}
  .mobile-pro-toggle{color:#f0f1f2 !important;background:linear-gradient(180deg,#324659,#243340) !important;border:1px solid #6e828d !important;}
  .mobile-pro-panel{background:linear-gradient(180deg,#293949,#1e2a35) !important;border-color:#536771 !important;}
  .mobile-pro-menu summary{list-style:none;}
}

@media (min-width:992px){
  .metal-site-header .metal-utility .metal-mini-svg{flex:0 0 17px;color:#e6e8e9;}
  .metal-site-header .metal-tools-svg{flex:0 0 22px;color:#f3f4f5;}
  .metal-site-header .metal-social-letter{color:#eff1f2;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:700;line-height:1;}
  .metal-site-header .metal-social-in{font-size:12px;font-weight:800;}
  .metal-site-header .metal-chevron{width:11px;height:11px;flex:0 0 11px;transition:transform .18s ease;}
  .metal-site-header .mega-dropdown:hover .metal-chevron, .metal-site-header .mega-dropdown.mega-open .metal-chevron{transform:rotate(180deg);}
  .metal-site-header .metal-navigation .metal-link.active::before{background:#285076 !important;box-shadow:none !important;}
}
@media (min-width:1400px){
  .metal-site-header .metal-navigation > .metal-link,
  .metal-site-header .metal-navigation > .mega-dropdown > .metal-link{font-size:14px !important;}
}
@media (max-width:991.98px){
 .mobile-pro-header .mobile-pro-menu > summary{
   background:linear-gradient(150deg,#324658 0%,#283847 50%,#1f2b37 100%) !important;
   border:1px solid #647783 !important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 5px 14px rgba(0,0,0,.16) !important;
   border-radius:14px !important;
 }
 .mobile-pro-header .mobile-pro-menu > summary::after{display:none !important;}
 .mobile-pro-header .mobile-pro-toggle{flex:0 0 52px !important;width:52px !important;height:46px !important;border-radius:9px !important;}
 .mobile-pro-header .mobile-pro-toggle::before{
    content:"" !important;position:absolute !important;left:14px !important;right:14px !important;top:14px !important;
    width:auto !important;height:2px !important;border-radius:0 !important;
    background:#f7f8f8 !important;
    box-shadow:0 7px 0 #f7f8f8,0 14px 0 #f7f8f8 !important;
 }
 .mobile-pro-header .mobile-pro-toggle i{display:none !important;}
 .mobile-pro-header .mobile-pro-link,
 .mobile-pro-header .mobile-submenu > summary{
    color:#f2f4f5 !important;
    font-family:Inter,system-ui,sans-serif !important;
    font-size:14px !important;font-weight:600 !important;
    background:linear-gradient(180deg,#2c3e4e,#263543) !important;
    border:1px solid rgba(199,204,209,.28) !important;
    border-radius:11px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 4px 10px rgba(0,0,0,.08) !important;
    text-shadow:none !important;
 }
 .mobile-pro-header .mobile-pro-link::before,
 .mobile-pro-header .mobile-submenu > summary::before{
    background:linear-gradient(#5d82a4,#425d76) !important;width:3px !important;
 }
 .mobile-pro-header .mobile-pro-link::after,
 .mobile-pro-header .mobile-submenu > summary::after{opacity:.05 !important;}
 .mobile-pro-header .mobile-pro-link.active{
    background:linear-gradient(180deg,#e5e7e9,#6e8fae) !important;color:#22303d !important;
    border-color:#e0e2e4 !important;
 }
 .mobile-pro-header .mobile-pro-link.active::before{background:#3a5167 !important;}
 .mobile-pro-header .mobile-submenu-box{border-color:rgba(110,143,174,.20) !important;background:#23323f !important;}
 .mobile-pro-header .mobile-submenu-box a{color:#f0f2f4 !important;}
 .mobile-pro-header .mobile-pro-call{
   background:linear-gradient(180deg,#536570,#283847) !important;border-color:#647b87 !important;
   box-shadow:0 6px 13px rgba(0,0,0,.14) !important;
 }
 .mobile-pro-header .mobile-pro-service{
   background:linear-gradient(180deg,#4a6883,#314457) !important;border-color:#6084a5 !important;
   box-shadow:0 6px 13px rgba(0,0,0,.14) !important;
 }
}


/* mobile-chrome-refinement-v2: silver iconography + a genuinely legible titanium CTA.
   Deliberately scoped to the mobile menu; other sections and desktop are unchanged. */
@media (max-width:991.98px){
  .mobile-pro-header .mobile-pro-panel{
    border:1px solid rgba(106,140,171,.46) !important;
    box-shadow:0 18px 36px rgba(13,23,32,.28), inset 0 1px 0 rgba(255,255,255,.14) !important;
  }
  .mobile-pro-header .mobile-pro-panel::before,
  .mobile-pro-header .mobile-pro-panel::after{
    border-color:rgba(210,215,220,.21) !important;
  }
  .mobile-pro-header .mobile-pro-menu .mobile-pro-link i,
  .mobile-pro-header .mobile-pro-menu .mobile-submenu > summary > i:first-child{
    color:#dfe2e5 !important;
    filter:none !important;
    text-shadow:0 1px 0 rgba(0,0,0,.2) !important;
  }
  .mobile-pro-header .mobile-pro-menu .mobile-pro-link.active i{
    color:#2c3e4f !important;
    filter:none !important;
  }
  .mobile-pro-header .mobile-pro-menu .mobile-submenu .chev,
  .mobile-pro-header .mobile-pro-menu .mobile-submenu[open] .chev{
    color:#cdd2d6 !important;
    filter:none !important;
  }
  .mobile-pro-header .mobile-pro-menu .mobile-pro-link.active{
    background:linear-gradient(180deg,#eaecee 0%,#d1d5d9 45%,#7191af 100%) !important;
    color:#1b2e40 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 4px 12px rgba(8,18,27,.12) !important;
    animation:none !important;
  }
  .mobile-pro-header .mobile-pro-menu .mobile-pro-link.active::before{
    background:#6f8595 !important;
  }
  .mobile-pro-header .mobile-pro-menu .mobile-submenu-box{
    background:linear-gradient(180deg,#2a3b4b,#202d39) !important;
    border:1px solid #3f5870 !important;
  }
  .mobile-pro-header .mobile-pro-menu .mobile-submenu-box a{
    color:#f1f3f5 !important;
    background:linear-gradient(180deg,#304456 0%,#263543 100%) !important;
    border:1px solid rgba(195,200,205,.2) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  .mobile-pro-header .mobile-pro-menu .mobile-submenu-box a:hover,
  .mobile-pro-header .mobile-pro-menu .mobile-submenu-box a:focus-visible{
    background:linear-gradient(180deg,#dde0e3,#c6cbd0) !important;
    color:#203040 !important;
  }
  .mobile-pro-header .mobile-pro-cta a{
    font-family:Inter,system-ui,sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    border-radius:13px !important;
    min-height:55px !important;
    text-shadow:none !important;
    transition:background .15s ease,border-color .15s ease,transform .15s ease !important;
  }
  .mobile-pro-header .mobile-pro-cta .mobile-pro-call{
    background:linear-gradient(180deg,#5c707e 0%,#2c3d4d 51%,#273745 100%) !important;
    color:#f7f8f8 !important;
    border:1px solid #8a9ba7 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 10px rgba(0,0,0,.16) !important;
  }
  .mobile-pro-header .mobile-pro-cta .mobile-pro-call i,
  .mobile-pro-header .mobile-pro-cta .mobile-pro-call span{color:#f7f8f8 !important;opacity:1 !important;}
  .mobile-pro-header .mobile-pro-cta .mobile-pro-service{
    background:linear-gradient(125deg,#f9fafa 0%,#e4e7e9 22%,#6c8dac 56%,#f0f2f3 100%) !important;
    color:#1c2d3c !important;
    border:1px solid #e9ecee !important;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.94),inset 0 -2px 0 rgba(62,87,110,.20),0 6px 12px rgba(8,16,25,.25),0 0 0 1px rgba(47,66,84,.36) !important;
  }
  .mobile-pro-header .mobile-pro-cta .mobile-pro-service i,
  .mobile-pro-header .mobile-pro-cta .mobile-pro-service span{
    color:#1c2d3c !important;
    opacity:1 !important;
    filter:none !important;
    -webkit-text-fill-color:#1c2d3c !important;
  }
  .mobile-pro-header .mobile-pro-cta .mobile-pro-service::before{
    background:linear-gradient(105deg,rgba(255,255,255,.55),rgba(255,255,255,0) 53%) !important;
  }
  .mobile-pro-header .mobile-pro-cta .mobile-pro-service:hover,
  .mobile-pro-header .mobile-pro-cta .mobile-pro-service:focus-visible{
    background:linear-gradient(125deg,#fff 0%,#edeff0 40%,#ced2d5 100%) !important;
    color:#162737 !important;
    transform:translateY(-1px);
  }
  .mobile-pro-header .mobile-pro-cta a:focus-visible,
  .mobile-pro-header .mobile-pro-menu a:focus-visible,
  .mobile-pro-header .mobile-pro-menu summary:focus-visible{
    outline:2px solid #edf0f2 !important;
    outline-offset:2px !important;
  }
}
