/* Header — Theme Builder global header (top bar + logo/nav). No brand colors. */

/* ≤1132px — switch to the hamburger early (five items + a logo run out of room
   before Divi's own 980 switch). Scoped to .eos-header-nav so the footer is untouched. */
@media (min-width: 981px) and (max-width: 1132px) {
  .eos-header-nav .et-menu { display: none !important; }
  .eos-header-nav .et_mobile_nav_menu { display: block !important; }
}

/* Divi only styles the mobile menu inside its own @media (max-width: 980px), so a
   hamburger revealed ABOVE 980 falls back to the bulleted content-list rule. Restyle
   it here. Unbounded at the top on purpose (early breakpoints vary by site); above the
   hamburger band the panel is display:none, so these are inert. */
@media (min-width: 981px) {
  .eos-header-nav .et_mobile_menu,
  .eos-header-nav .et_mobile_menu ul {
    list-style: none !important;
    text-align: left;
  }
  .eos-header-nav .et_mobile_menu {
    top: 100%;
    padding: 5%;
  }
  .eos-header-nav .et_mobile_menu ul { padding: 0; }
}

/* ≤1095px — hide the top-bar address text (map pin stays); Divi handles ≤980. */
@media (min-width: 981px) and (max-width: 1095px) {
  .hdr-address { display: none !important; }
}

/* ≤980px — swap the NAP icons so the phone sits before the map pin (mobile design).
   Divi 5 can't reorder flex items via settings. Targets Divi's OWN generated markup
   (phone group = .et_clickable tap-to-call link; address group = :has(.hdr-address))
   — NOT API-added classes, which a Theme Builder save reverts. Phone takes order:-1
   and drops its auto-margin; the address picks it up so it still pushes the Book Now
   pill right, plus a .75rem gap phone → pin. */
@media (max-width: 980px) {
  .et-l--header .et_flex_group.et_clickable      { order: -1; margin-right: 0 !important; padding-left: 0 !important; }
  .et-l--header .et_flex_group:has(.hdr-address) { margin-right: auto !important; padding-left: .75rem !important; }
}