/* Header — TB global header: top bar (.dailey-topbar) + nav row (.dailey-header-nav). */

/* ── Top bar — light text on the navy bar; icon colors are set natively per breakpoint ── */
.dailey-topbar,
.dailey-topbar p,
.dailey-topbar a:not(.btn-header-cta),
.dailey-topbar .et_pb_text {
  color: var(--light-grey) !important;
}
.dailey-topbar a { text-decoration: none; }

/* Desktop: drop the address text once the bar crowds (keep the pin icon) */
@media (min-width: 981px) and (max-width: 1250px) {
  .dailey-topbar .topbar-address .et_pb_text { display: none !important; }
}
/* ── Header nav items — body-sm type (!important beats Divi's generated menu font CSS) ── */
.dailey-header-nav .et-menu a,
.dailey-header-nav .et_mobile_menu a {
  font-size: var(--text-body-sm) !important;
  font-family: var(--font-brandon-grotesque) !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0.1em !important;
}

/* Nav: switch to the hamburger at 1150px (Divi defaults to 980) — scoped so the footer menu is untouched */
@media (min-width: 981px) and (max-width: 1150px) {
  .dailey-header-nav .et-menu { display: none !important; }
  .dailey-header-nav .et_mobile_nav_menu { display: block !important; }
}

/* ── Home desktop — nav overlays the hero transparent with white logo + links UNTIL the page
      scrolls (js/header.js sets body.hdr-scrolled past 50px), then it fades back to normal. ── */
@media (min-width: 981px) {
  body.home .et_pb_section:has(.dailey-header-nav) { transition: background-color 0.35s ease; }
  /* the section alone carries the bg on home — two stacked fades of the same color read as a lag */
  body.home .dailey-header-nav { background-color: transparent !important; }
  body.home .dailey-header-nav .et-menu a { transition: color 0.35s ease; }
  body.home .dailey-header-nav .et_pb_menu__logo img { transition: filter 0.35s ease; }

  /* collapse the NAV's sticky placeholder so the hero rises under the fixed nav —
     the topbar's placeholder must stay or its sticky engage/disengage snaps the page 42px */
  body.home .et-l--header .et_pb_sticky_placeholder:has(.dailey-header-nav) { display: none; }

  /* Hero scrim as its OWN fading layer — z-index 0 sits above the section bg-color but below the
     content rows (z-index 4), so its opacity cross-fades with the Mist instead of popping on scroll. */
  body.home .et_pb_section:has(.dailey-header-nav)::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.35s ease;
    background-image: linear-gradient(
      to bottom,
      rgba(6, 15, 40, 0.85) 0%,
      rgba(6, 15, 40, 0.60) 45%,
      rgba(6, 15, 40, 0.25) 80%,
      rgba(6, 15, 40, 0)    100%
    );
  }

  body.home:not(.hdr-scrolled) .et_pb_section:has(.dailey-header-nav) { background-color: transparent !important; }
  body.home:not(.hdr-scrolled) .et_pb_section:has(.dailey-header-nav)::before { opacity: 1; }
  body.home:not(.hdr-scrolled) .dailey-header-nav .et-menu a,
  body.home:not(.hdr-scrolled) .dailey-header-nav .et_mobile_nav_menu .mobile_menu_bar:before {
    color: var(--white) !important;
  }
  body.home:not(.hdr-scrolled) .dailey-header-nav .et_pb_menu__logo img {
    filter: brightness(0) invert(1);   /* any logo version renders white */
  }
}

/* ── Mobile top bar — 3 tiles: phone · map · Schedule (matches the Figma mock) ── */
@media (max-width: 980px) {
  .dailey-topbar .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .dailey-topbar .et_pb_column {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr);
    align-items: stretch !important;
    gap: 0 !important;
  }
  .dailey-topbar .topbar-phone,
  .dailey-topbar .topbar-address {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0.875rem 0 !important;
  }
  .dailey-topbar .topbar-phone   { grid-row: 1; grid-column: 1 / 4; }
  .dailey-topbar .topbar-address { grid-row: 1; grid-column: 4 / 7; border-left: 1px solid var(--light-grey); }
  /* icon-only tiles — the text modules come back on desktop */
  .dailey-topbar .topbar-phone .et_pb_text,
  .dailey-topbar .topbar-address .et_pb_text { display: none !important; }
  /* Schedule code module fills the remaining 40% and stretches to the bar height */
  .dailey-topbar .et_pb_column > .et_pb_module:last-child {
    grid-row: 1;
    grid-column: 7 / 11;
    margin: 0 !important;
    min-width: 0;
    max-width: 100%;
  }
  .dailey-topbar .et_pb_column > .et_pb_module:last-child .et_pb_code_inner,
  .dailey-topbar .et_pb_column > .et_pb_module:last-child .btn-header-cta {
    width: 100%;
    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;
}