/* ═══════════════════════════════════════
   Nav Contrast Auto-Switch
   Toggles text/icon colors when nav
   overlaps light page sections.
   ═══════════════════════════════════════ */

/* Smooth transition on all affected elements */
#header.escortify-discovery-header .escortify-discovery-header__nav a,
#header.escortify-discovery-header .escortify-discovery-header__link,
#header.escortify-discovery-header .escortify-discovery-header__account,
#header.escortify-discovery-header .escortify-discovery-header__account-text,
#header.escortify-discovery-header .escortify-discovery-header__icon-link,
.escortify-discovery-subnav__inner a {
  transition: color 0.28s ease, border-color 0.28s ease, background 0.28s ease;
}

/* ── Header: keep discovery header white on its black shell ── */
#header.escortify-discovery-header.nav--over-light .escortify-discovery-header__nav a,
#header.escortify-discovery-header.nav--over-light .escortify-discovery-header__link,
#header.escortify-discovery-header.nav--over-light .escortify-discovery-header__account,
#header.escortify-discovery-header.nav--over-light .escortify-discovery-header__account-text,
#header.escortify-discovery-header.nav--mixed .escortify-discovery-header__nav a,
#header.escortify-discovery-header.nav--mixed .escortify-discovery-header__link,
#header.escortify-discovery-header.nav--mixed .escortify-discovery-header__account,
#header.escortify-discovery-header.nav--mixed .escortify-discovery-header__account-text {
  color: rgba(255, 255, 255, 0.68) !important;
}

#header.escortify-discovery-header.nav--over-light .escortify-discovery-header__nav a:hover,
#header.escortify-discovery-header.nav--over-light .escortify-discovery-header__link:hover,
#header.escortify-discovery-header.nav--over-light .escortify-discovery-header__account:hover,
#header.escortify-discovery-header.nav--mixed .escortify-discovery-header__nav a:hover,
#header.escortify-discovery-header.nav--mixed .escortify-discovery-header__link:hover,
#header.escortify-discovery-header.nav--mixed .escortify-discovery-header__account:hover {
  color: #fff !important;
}

#header.escortify-discovery-header.nav--over-light .escortify-discovery-header__icon-link,
#header.escortify-discovery-header.nav--mixed .escortify-discovery-header__icon-link {
  color: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.02) !important;
}

#header.escortify-discovery-header.nav--over-light .escortify-discovery-header__icon-link:hover,
#header.escortify-discovery-header.nav--mixed .escortify-discovery-header__icon-link:hover {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

#header.escortify-discovery-header.nav--over-light .escortify-discovery-header__icon-link svg,
#header.escortify-discovery-header.nav--mixed .escortify-discovery-header__icon-link svg {
  stroke: currentColor;
}

/* Avatar keeps its gradient — just ensure text stays white */
#header.escortify-discovery-header.nav--over-light .escortify-discovery-header__avatar,
#header.escortify-discovery-header.nav--mixed .escortify-discovery-header__avatar {
  color: #fff !important;
}

/* CTA button keeps its gradient — no change needed */

/* ── Subnav: light mode ── */
.escortify-discovery-subnav.nav--over-light .escortify-discovery-subnav__inner {
  background-color: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

.escortify-discovery-subnav.nav--mixed .escortify-discovery-subnav__inner {
  background-color: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1) !important;
}

.escortify-discovery-subnav.nav--over-light .escortify-discovery-subnav__inner a {
  color: rgba(26, 26, 26, 1) !important;
}

.escortify-discovery-subnav.nav--mixed .escortify-discovery-subnav__inner a {
  color: rgba(26, 26, 26, 0.72) !important;
}

.escortify-discovery-subnav.nav--over-light .escortify-discovery-subnav__inner li:first-child a {
  color: rgba(26, 26, 26, 1) !important;
}

.escortify-discovery-subnav.nav--mixed .escortify-discovery-subnav__inner li:first-child a {
  color: rgba(26, 26, 26, 0.72) !important;
}

.escortify-discovery-subnav.nav--over-light .escortify-discovery-subnav__inner a:hover {
  color: rgba(26, 26, 26, 0.82) !important;
}

.escortify-discovery-subnav.nav--mixed .escortify-discovery-subnav__inner a:hover {
  color: rgba(26, 26, 26, 0.9) !important;
}

.escortify-discovery-subnav.nav--over-light .escortify-discovery-subnav__inner a.pinkactive {
  color: rgba(26, 26, 26, 1) !important;
}

.escortify-discovery-subnav.nav--mixed .escortify-discovery-subnav__inner a.pinkactive {
  color: rgba(26, 26, 26, 1) !important;
}

.escortify-discovery-subnav.nav--over-light .escortify-discovery-subnav__inner li:first-child a:hover,
.escortify-discovery-subnav.nav--over-light .escortify-discovery-subnav__inner li:first-child a.pinkactive {
  color: rgba(26, 26, 26, 1) !important;
}

.escortify-discovery-subnav.nav--mixed .escortify-discovery-subnav__inner li:first-child a:hover,
.escortify-discovery-subnav.nav--mixed .escortify-discovery-subnav__inner li:first-child a.pinkactive {
  color: rgba(26, 26, 26, 1) !important;
}

.escortify-discovery-subnav.nav--over-light .escortify-discovery-subnav__inner a.pinkactive::after {
  background: rgba(26, 26, 26, 0.9) !important;
}

.escortify-discovery-subnav.nav--mixed .escortify-discovery-subnav__inner a.pinkactive::after {
  background: rgba(26, 26, 26, 0.9) !important;
}

.escortify-discovery-subnav.nav--over-light .escortify-discovery-subnav__inner li {
  color: rgba(26, 26, 26, 0.42);
}

.escortify-discovery-subnav.nav--mixed .escortify-discovery-subnav__inner li {
  color: rgba(26, 26, 26, 0.46);
}