/* ── Header — Theme Builder global header (top bar + logo/nav) ──────
   Only what the builder can't express: breakpoints between Divi's own
   (the nav and address switch before 980), and the ≤980 overrides for
   attributes Divi 5.9 ignores. Everything else is set on the modules. */

/* ≤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; }
}

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

/* ── Top-bar pills — CTA buttons live in their own Code modules;
      spacing between them is set on the modules in the builder. ─────────
   ≤980px: NAP collapses to icons-only on the left — compact the pills so
   both fit beside the icons on one line. Scoped to the header layout
   wrapper (.et-l--header), which Divi keeps stable across saves. */
@media (max-width: 980px) {
  .et-l--header .btn-pill { padding: 0.5rem 0.9rem; letter-spacing: 0.05rem; }
  /* consultation button floods its stretched wrapper (anchor lives
     inside a Code module — unreachable from Divi settings) */
  .et-l--header .btn-book { width: 100%; height: 100%; justify-content: center; }
  /* phone box before address box — Divi 5.9 ignores the flex "order"
     attribute, so the swap lives here (group index = phone group) */
  .et-l--header .et_pb_group_1_tb_header { order: -1; }
  /* button group fills the leftover bar width (Divi also ignores the
     flexGrow attr; margin-left:auto would eat the growth) and the
     code module's inner div must pass the bar height down to the <a> */
  .et-l--header .et_pb_group_2_tb_header { flex-grow: 1; margin-left: 0; }
  .et-l--header .et_pb_group_2_tb_header .et_pb_code { flex-grow: 1; }
  .et-l--header .et_pb_group_2_tb_header .et_pb_code_inner { height: 100%; }
}

.skip-link.da-screen-reader-text,
.skip-link.da-screen-reader-text:focus {
    color: #ffffff !important;
    background-color: #1a1a1a !important;
    opacity: 1 !important;
    text-decoration: underline !important;
    outline: 2px solid #2ea3f2 !important;
}