/* OXMOOR v1 — Compact shared header emergency utility.
   Loaded LAST after all page-level and legacy styles.
   Only changes the small top utility control; the hotline dialog, emergency
   contact telephone number, and normal nav buttons remain untouched. */

/* Uniform 42px utility row with the same constrained .wrap as the navigation. */
.topbar{
  display:block!important;
  padding:0!important;
}
.topbar > .wrap,
.topbar .wrap{
  box-sizing:border-box;
  min-height:42px!important;
  display:flex;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px;
}
.topbar .wrap > span{
  display:inline-block;
  color:#dbe4eb;
  font-size:.73rem;
  line-height:1.3;
  white-space:normal;
  flex:0 1 auto;
}
.topbar .wrap > span strong{
  font-weight:800;
  letter-spacing:.025em;
}

/* The old gold garage-door-shaped bevel was drawn by the emergency-buttons
   stylesheet. Override it only in the small utility bar. */
.topbar .emergencyUtility,
.commercialSiteHeader .commercialEmergency .wrap > button{
  appearance:none;
  box-sizing:border-box;
  isolation:auto;
  overflow:visible!important;
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  width:auto;
  max-width:100%;
  min-width:0;
  min-height:36px!important;
  padding:6px 0!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  text-shadow:none!important;
  filter:none!important;
  color:#e9c68f!important;
  font-family:inherit;
  font-size:.7rem!important;
  line-height:1.15!important;
  letter-spacing:.012em;
  white-space:nowrap!important;
  text-decoration:none;
  text-align:right;
  cursor:pointer;
  flex:0 0 auto;
  transition:color .18s ease,opacity .18s ease;
}
.topbar .emergencyUtility::before,
.commercialSiteHeader .commercialEmergency .wrap > button::before{
  content:""!important;
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:6px;
  height:6px;
  flex:0 0 6px;
  background:#e3bb76!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  pointer-events:none;
}
.topbar .emergencyUtility strong,
.commercialSiteHeader .commercialEmergency .wrap > button strong{
  display:inline;
  color:#fff3dc!important;
  font-size:.68rem!important;
  letter-spacing:.055em;
  line-height:1.15!important;
  font-weight:800;
  white-space:nowrap!important;
}
.topbar .emergencyUtility span,
.commercialSiteHeader .commercialEmergency .wrap > button span{
  display:inline;
  color:#e9c68f!important;
  font-size:.7rem!important;
  letter-spacing:.015em!important;
  line-height:1.15!important;
  font-weight:750;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.topbar .emergencyUtility:hover,
.commercialSiteHeader .commercialEmergency .wrap > button:hover{
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
  opacity:.82;
}
.topbar .emergencyUtility:active,
.commercialSiteHeader .commercialEmergency .wrap > button:active{
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:.70;
}
.topbar .emergencyUtility:focus-visible,
.commercialSiteHeader .commercialEmergency .wrap > button:focus-visible{
  outline:2px solid #e9c68f!important;
  outline-offset:4px!important;
  border-radius:2px;
}

/* Commercial keeps its distinct oxblood utility strip with navy family alignment. */
.commercialSiteHeader .commercialEmergency{
  background:linear-gradient(90deg,#4b1727,#672336);
}
.commercialSiteHeader .commercialEmergency .wrap{
  box-sizing:border-box;
  min-height:42px!important;
  display:flex;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px;
  padding-top:0;
  padding-bottom:0;
}
.commercialSiteHeader .commercialEmergency .wrap > span{
  color:#f3e4e9;
  font-size:.73rem!important;
  line-height:1.3;
}

/* Keep emergency access visible on phones without using a popup or tall pill. */
@media(max-width:700px){
  .topbar .wrap,
  .commercialSiteHeader .commercialEmergency .wrap{
    min-height:41px!important;
    justify-content:flex-end!important;
    gap:0!important;
  }
  .topbar .wrap > span,
  .commercialSiteHeader .commercialEmergency .wrap > span{
    display:none!important;
  }
  .topbar .emergencyUtility,
  .commercialSiteHeader .commercialEmergency .wrap > button{
    min-height:36px!important;
    flex-wrap:nowrap!important;
    text-align:right;
    gap:7px!important;
  }
}
@media(max-width:380px){
  .topbar .emergencyUtility strong,
  .commercialSiteHeader .commercialEmergency .wrap > button strong{
    font-size:.62rem!important;
  }
  .topbar .emergencyUtility span,
  .commercialSiteHeader .commercialEmergency .wrap > button span{
    font-size:.62rem!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .topbar .emergencyUtility,
  .commercialSiteHeader .commercialEmergency .wrap > button{
    transition:none!important;
  }
}