/* Contextual exit used by Directory and Shop. */
.hds-back-home {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #77736d;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .11em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transition: color .16s ease;
}

.hds-back-home:hover,
.hds-back-home:focus-visible {
  color: #111;
}

.hds-back-home::before {
  content: "←";
  font-size: 11px;
  letter-spacing: 0;
}

.dir-nav .hds-back-home {
  margin-right: 2px;
}

.hds-shop-header .hds-back-home,
.hds-back-home-shop {
  flex: 0 0 auto;
}

/* Directory uses the Home enhanced menu. Keep only the contextual exit beside Get Started. */
body.hds-dynamic-menu-ready.site-directory .dir-nav > a:not(.dir-account-link):not(.hds-back-home) {
  display: none;
}

body.hds-dynamic-menu-ready.site-directory .dir-nav > .hds-back-home,
body.hds-dynamic-menu-ready.site-directory .dir-nav > .hds-menu-trigger-desktop {
  display: inline-flex !important;
}

/* Native Directory details stay as a no-JS fallback only. After JS, Home's card overlay is the mobile menu. */
.site-directory .directory-menu-fallback {
  display: none;
}

@media (max-width: 900px) {
  .site-directory .dir-nav {
    display: none !important;
  }

  .site-directory .directory-menu-fallback {
    display: block;
  }

  body.hds-dynamic-menu-ready.site-directory .directory-menu-fallback {
    display: none !important;
  }
}