/* Header — Theme Builder global header (top bar + logo/nav).
   Companion CSS for the global-header template → copy to the target's
   css/global/header.css. No brand colors — fully portable. */

/* ≤1132px — nav switches to the hamburger early (Divi's own switch is
   980; five items + a logo run out of room first). 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; }
}

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

/* ── Top-bar CTA — the Book Now button live in their own Code modules;
      spacing between them is set on the modules in the builder. ─────────
   ≤980px: NAP collapses to the icon tiles on the left; Figma Mobile Nav
   Button = 136×38, Sequoia Bold 16px, 30% tracking. Scoped to the header
   layout wrapper (.et-l--header), which Divi keeps stable across saves. */
@media (max-width: 980px) {
  .et-l--header .btn-header-book { padding: 0.5rem 1.375rem; letter-spacing: 0.3em; }
}

/* ── Nav item spacing — Figma spaces items ~52px apart; Divi's default is 11px per side.
      Last item drops its right padding so the menu ends on the row edge. ── */
.eos-header-nav .et-menu > li { padding-left: 1.625rem; padding-right: 1.625rem; }
.eos-header-nav .et-menu > li:last-child { padding-right: 0; }

/* ── Nav links — Figma Footer Nav: Sequoia Bold 24px desktop (16px in the mobile menu) ── */
.eos-header-nav .et-menu a,
.eos-header-nav .et_mobile_menu a {
  font-family: var(--font-sequoia);
  font-weight: 700;
  font-size: clamp(1rem, 0.861rem + 0.591vw, 1.5rem);
  letter-spacing: 0;
}

/* ── Logo — Divi pads the logo wrapper with a 30px right margin; the row's
      gap already spaces it from the nav ── */
.eos-header-nav .et_pb_menu__logo { margin-right: 0; }