/* Shared Oxmoor customer navigation, Preview #8. Commercial artwork and color family preserved. */
/* 6.1: slim navy identity line for standard pages; Commercial retains oxblood. */
.oxSiteHeader{--oxNav-accent:#7a2638;position:sticky;top:0;z-index:60;background:rgba(255,255,255,.98);border-top:5px solid #0b3552;border-bottom:1px solid rgba(7,26,44,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.oxSiteHeader--commercial{--oxNav-accent:#7b1e2d;background:#fffbfc;border-top:5px solid var(--oxNav-accent);border-bottom-color:#e8cfd6}
.oxSiteHeader .oxNav{box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(10px,1.5vw,20px)!important;width:min(1180px,calc(100% - 38px))!important;max-width:1180px!important;height:82px!important;min-height:82px!important;margin:0 auto!important;padding:0!important}
.oxSiteHeader .oxNav__identity{display:flex;align-items:center;flex:0 0 auto;min-width:0;gap:12px}
.oxSiteHeader .oxNav__brand{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;flex:0 0 220px!important;width:220px!important;min-width:0!important;max-width:220px!important;margin:0!important;padding:0!important;text-decoration:none!important}
.oxSiteHeader .oxNav__brand>img{display:block;width:100%;height:auto;max-height:68px;max-width:100%;object-fit:contain;transform:none!important}
.oxSiteHeader .oxPageContext{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-width:0;max-width:166px;gap:3px;min-height:43px;padding:2px 0 2px 11px;margin:0;border-left:3px solid var(--oxNav-accent);border-radius:0;background:transparent!important;color:#071a2c!important;line-height:1.14;white-space:normal}
.oxSiteHeader .oxPageContext__eyebrow{font-family:Arial,Helvetica,sans-serif;color:#697985;font-size:.57rem;font-weight:800;letter-spacing:.09em;line-height:1.2}
.oxSiteHeader .oxPageContext strong{display:block;font-family:Arial,Helvetica,sans-serif;color:#0a293d;font-size:.72rem;line-height:1.17;font-weight:800;letter-spacing:.015em}
.oxSiteHeader .oxPageContext strong span{display:block}
.oxSiteHeader .oxNav__primary{display:flex!important;flex:0 1 auto;align-items:center;justify-content:center;gap:clamp(12px,1.25vw,20px)!important;margin:0 0 0 auto!important;padding:0!important;white-space:nowrap}
.oxSiteHeader .oxNav__primary>a{display:inline-block;position:relative;margin:0!important;padding:12px 0!important;font-family:Arial,Helvetica,sans-serif;color:#20394b!important;font-size:.77rem!important;font-weight:750!important;line-height:1.3!important;text-decoration:none!important;white-space:nowrap}
.oxSiteHeader .oxNav__primary>a:hover,.oxSiteHeader .oxNav__primary>a[aria-current="page"]{color:var(--oxNav-accent)!important}
.oxSiteHeader .oxNav__primary>a::after{content:"";position:absolute;bottom:6px!important;left:0;right:0;height:2px;background:var(--oxNav-accent);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.oxSiteHeader .oxNav__primary>a:hover::after,.oxSiteHeader .oxNav__primary>a:focus-visible::after,.oxSiteHeader .oxNav__primary>a[aria-current="page"]::after{transform:scaleX(1)!important}
.oxSiteHeader .oxNav__actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto;gap:9px!important;margin:0!important;padding:0!important}
.oxSiteHeader .oxNav__actions>a.oxNav__action{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;padding:10px 13px!important;margin:0!important;border:1.5px solid transparent;border-radius:5px;font-family:Arial,Helvetica,sans-serif;font-size:.71rem!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.01em;text-decoration:none!important;white-space:nowrap}
.oxSiteHeader .oxNav__actions>a.oxNav__action--call{background:#071a2c;color:#fff;border-color:#071a2c}
.oxSiteHeader .oxNav__actions>a.oxNav__action--request{background:var(--oxNav-accent);color:#fff;border-color:var(--oxNav-accent)}
.oxSiteHeader .oxNav__actions>a.oxNav__action--request:hover{filter:brightness(.91)}
.oxSiteHeader .oxNav__menu{box-sizing:border-box;display:none!important;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0!important;padding:0;border:1px solid #cbd5db;border-radius:5px;background:#fff;color:#142e40;font-size:1.25rem;line-height:1;cursor:pointer}
.oxSiteHeader .oxNav__mobile{position:absolute!important;top:100%!important;left:0!important;right:0!important;z-index:80!important;display:none!important;box-sizing:border-box;width:100%;max-height:calc(100vh - 85px);overflow-y:auto;margin:0!important;padding:10px max(20px,calc((100% - 1180px)/2)) 20px!important;border:1px solid #e0e5e8;border-left:0;border-right:0;background:#fff!important;box-shadow:0 18px 35px rgba(7,26,44,.17)}
.oxSiteHeader .oxNav__mobile.open{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.oxSiteHeader .oxNav__mobile>a{display:block!important;width:100%;padding:13px 5px!important;border:0!important;border-bottom:1px solid #e0e5e8!important;border-radius:0!important;background:transparent!important;color:#20394b!important;font-family:Arial,Helvetica,sans-serif;font-size:.87rem!important;line-height:1.25!important;font-weight:750!important;text-decoration:none!important}
.oxSiteHeader .oxNav__mobile>a[aria-current="page"]{color:var(--oxNav-accent)!important}
.oxSiteHeader .oxNav__mobile>a:last-child{border-bottom:0!important}
.oxSiteHeader .oxNav__mobile>a.mobile-quote{margin-top:8px!important;padding:13px 14px!important;border:1px solid var(--oxNav-accent)!important;border-radius:5px!important;background:var(--oxNav-accent)!important;color:#fff!important;text-align:center!important}
.oxSiteHeader .oxNav a:focus-visible,.oxSiteHeader .oxNav button:focus-visible,.oxSiteHeader .oxNav__mobile a:focus-visible{outline:3px solid #b18a4b;outline-offset:3px}
.oxSiteHeader--commercial .oxNav__brand{flex:0 0 335px!important;width:335px!important;max-width:335px!important;justify-content:flex-start}
.oxSiteHeader--commercial .oxNav__brand .commercialBrandIcon{width:105px!important;flex:0 0 105px!important;max-width:105px!important;max-height:61px!important;height:auto!important}
.oxSiteHeader--commercial .oxNav__brand .commercialBrandWordmark{width:207px!important;flex:0 1 207px!important;max-width:calc(100% - 116px)!important;height:auto!important}
.oxSiteHeader--commercial .oxNav__actions>a.oxNav__action--call{background:#fff;color:#082c47;border:2px solid #174e73}
.oxSiteHeader--commercial .oxNav__actions>a.oxNav__action--request{background:#7b1e2d;color:#fff;border:2px solid #7b1e2d}
.oxSiteHeader--vision .oxNav__primary{margin-left:auto!important}
@media(max-width:1130px){
 .oxSiteHeader .oxNav__primary{display:none!important}
 .oxSiteHeader .oxNav__menu{display:inline-flex!important}
 .oxSiteHeader .oxNav__actions>a.oxNav__action--call{display:none!important}
 .oxSiteHeader .oxNav__actions{margin-left:auto!important}
 .oxSiteHeader--vision .oxNav__menu{margin-left:auto!important}
}
@media(max-width:700px){
 .oxSiteHeader .oxNav{height:73px!important;min-height:73px!important;gap:8px!important;width:min(1180px,calc(100% - 28px))!important}
 .oxSiteHeader .oxNav__identity{gap:9px}
 .oxSiteHeader .oxNav__brand{flex:0 0 172px!important;width:172px!important;max-width:172px!important}
 .oxSiteHeader .oxPageContext{min-height:38px;max-width:132px;padding-left:9px;gap:2px}
 .oxSiteHeader .oxPageContext__eyebrow{font-size:.51rem}
 .oxSiteHeader .oxPageContext strong{font-size:.62rem}
 .oxSiteHeader .oxNav__actions{display:none!important}
 .oxSiteHeader .oxNav__menu{margin-left:auto!important;width:42px;min-width:42px;height:42px;min-height:42px;flex-basis:42px}
 .oxSiteHeader--commercial .oxNav__brand{flex:0 1 auto!important;width:auto!important;max-width:100%!important}
 .oxSiteHeader--commercial .oxNav__brand .commercialBrandIcon{width:70px!important;flex-basis:70px!important;max-width:70px!important;max-height:45px!important}
 .oxSiteHeader--commercial .oxNav__brand .commercialBrandWordmark{width:156px!important;flex-basis:156px!important;max-width:calc(100% - 78px)!important}
 .oxSiteHeader--commercial .oxNav{height:77px!important;min-height:77px!important}
}
@media(max-width:420px){
 .oxSiteHeader .oxNav__brand{flex-basis:145px!important;width:145px!important;max-width:145px!important}
 .oxSiteHeader .oxPageContext{max-width:112px;padding-left:7px}
 .oxSiteHeader .oxPageContext__eyebrow{font-size:.48rem}
 .oxSiteHeader .oxPageContext strong{font-size:.59rem}
 .oxSiteHeader .oxNav__menu{flex-basis:40px;min-width:40px;width:40px;height:40px;min-height:40px}
 .oxSiteHeader--commercial .oxNav__brand{flex:0 1 auto!important;width:auto!important;max-width:100%!important}
}
@media(max-width:355px){
 .oxSiteHeader .oxNav__brand{flex-basis:118px!important;width:118px!important;max-width:118px!important}
 .oxSiteHeader .oxPageContext{max-width:108px}
 .oxSiteHeader .oxPageContext__eyebrow{display:none}
 .oxSiteHeader--commercial .oxNav__brand .commercialBrandIcon{width:58px!important;flex-basis:58px!important;max-width:58px!important}
 .oxSiteHeader--commercial .oxNav__brand .commercialBrandWordmark{width:138px!important;flex-basis:138px!important;max-width:calc(100% - 66px)!important}
}
@media(prefers-reduced-motion:reduce){.oxSiteHeader .oxNav__primary>a::after{transition:none}}

/* Shared utility strip: consistently ABOVE sticky main navigation on every
   customer page. Neutral navy elsewhere, Oxmoor oxblood for Commercial.
   Phone hours/emergency modal semantics remain intact on existing pages. */
.oxUtilityBar{
  box-sizing:border-box;
  position:relative;
  display:block!important;
  width:100%;
  height:auto;
  padding:0!important;
  margin:0!important;
  background:#071a2c!important;
  color:#dae5ed!important;
  border:0!important;
  border-radius:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:500;
  -webkit-font-smoothing:antialiased;
}
.oxUtilityBar--commercial{
  background:linear-gradient(90deg,#4b1727 0%,#672336 100%)!important;
  color:#f3e4e9!important;
}
.oxUtilityBar>.wrap{
  box-sizing:border-box;
  width:min(1180px,calc(100% - 38px))!important;
  max-width:1180px!important;
  min-height:42px!important;
  height:auto!important;
  padding:0!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.oxUtilityBar .wrap>span{
  display:inline-block!important;
  flex:0 1 auto;
  min-width:0;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  white-space:normal!important;
}
.oxUtilityBar .wrap>span>strong{
  color:#fff!important;
  font:800 11px/1.3 Arial,Helvetica,sans-serif!important;
  letter-spacing:.035em!important;
  margin-right:5px;
}
.oxUtilityBar .emergencyUtility,
.oxUtilityBar .oxUtilityBar__link{
  box-sizing:border-box;
  appearance:none;
  display:inline-flex!important;
  flex:0 0 auto;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:9px!important;
  width:auto!important;
  max-width:100%;
  min-width:0;
  min-height:36px!important;
  height:auto!important;
  margin:0!important;
  padding:6px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  text-decoration:none!important;
  text-align:right!important;
  cursor:pointer;
  font:750 11px/1.2 Arial,Helvetica,sans-serif!important;
  color:#e9c68f!important;
  white-space:nowrap!important;
}
.oxUtilityBar .emergencyUtility::before,
.oxUtilityBar .oxUtilityBar__link::before{
  content:"";
  display:block!important;
  position:static!important;
  width:6px!important;
  height:6px!important;
  flex:0 0 6px;
  background:#e3bb76!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  pointer-events:none;
}
.oxUtilityBar .emergencyUtility strong,
.oxUtilityBar .oxUtilityBar__link strong{
  display:inline!important;
  color:#fff3dc!important;
  font:800 11px/1.2 Arial,Helvetica,sans-serif!important;
  letter-spacing:.055em!important;
  white-space:nowrap!important;
}
.oxUtilityBar .emergencyUtility span,
.oxUtilityBar .oxUtilityBar__link span{
  display:inline!important;
  color:#e9c68f!important;
  font:750 11px/1.2 Arial,Helvetica,sans-serif!important;
  letter-spacing:.015em!important;
  white-space:nowrap!important;
}
.oxUtilityBar .emergencyUtility:hover,
.oxUtilityBar .oxUtilityBar__link:hover{opacity:.82;filter:none!important;background:transparent!important}
.oxUtilityBar .emergencyUtility:focus-visible,
.oxUtilityBar .oxUtilityBar__link:focus-visible{outline:2px solid #e9c68f!important;outline-offset:4px!important}
@media(max-width:700px){
 .oxUtilityBar>.wrap{width:min(1180px,calc(100% - 28px))!important;min-height:41px!important;justify-content:flex-end!important;gap:0!important}
 .oxUtilityBar .wrap>span{display:none!important}
 .oxUtilityBar .emergencyUtility,.oxUtilityBar .oxUtilityBar__link{min-height:36px!important;gap:7px!important}
}
@media(max-width:380px){
 .oxUtilityBar .emergencyUtility strong,.oxUtilityBar .oxUtilityBar__link strong,
 .oxUtilityBar .emergencyUtility span,.oxUtilityBar .oxUtilityBar__link span{font-size:10px!important}
}