/* Website V185 — ALIEHS Running-only header and footer chrome. */

:root.rm-brand-experience--aliehs-running {
  --aliehs-chrome: #090a0c;
  --aliehs-chrome-raised: #15171a;
  --aliehs-chrome-soft: #1d2024;
  --aliehs-line: rgba(245, 245, 242, 0.15);
  --aliehs-line-strong: rgba(245, 245, 242, 0.28);
  --aliehs-copy: #f5f5f2;
  --aliehs-copy-muted: #aeb3b8;
  --aliehs-holographic: linear-gradient(
    122deg,
    #f3a7b7 0%,
    #f0c994 21%,
    #a9d8d4 43%,
    #aebfdf 65%,
    #e8b4d3 83%,
    #d7ff3f 100%
  );
}

/* Header: the Rowland Made mark sits directly on graphite. */
.rm-brand-experience--aliehs-running .top {
  background: color-mix(in srgb, var(--aliehs-chrome) 95%, transparent) !important;
  border-bottom-color: var(--aliehs-line) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.28) !important;
  color: var(--aliehs-copy) !important;
}

.rm-brand-experience--aliehs-running .top > .rm-header-brand {
  background: transparent !important;
}

.rm-brand-experience--aliehs-running .top .logo {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: saturate(1.16) brightness(1.08) contrast(1.03)
    drop-shadow(0 0 14px rgba(174, 191, 223, 0.16));
}

.rm-brand-experience--aliehs-running .hamb,
.rm-brand-experience--aliehs-running .top > .top-basket {
  border: 1px solid var(--aliehs-line-strong) !important;
  border-radius: 50% !important;
  background: var(--aliehs-chrome-raised) !important;
  color: var(--aliehs-copy) !important;
  box-shadow: none !important;
}

.rm-brand-experience--aliehs-running .top > .top-basket .basket-svg {
  color: var(--aliehs-copy) !important;
}

.rm-brand-experience--aliehs-running .hamb:hover,
.rm-brand-experience--aliehs-running .hamb:focus-visible,
.rm-brand-experience--aliehs-running .top > .top-basket:hover,
.rm-brand-experience--aliehs-running .top > .top-basket:focus-visible {
  border-color: transparent !important;
  background:
    linear-gradient(var(--aliehs-chrome-raised), var(--aliehs-chrome-raised)) padding-box,
    var(--aliehs-holographic) border-box !important;
  color: #d7ff3f !important;
  transform: translateY(-1px);
}

.rm-brand-experience--aliehs-running .top > .top-basket .badge {
  border-color: var(--aliehs-chrome) !important;
  background: #d7ff3f !important;
  color: #090a0c !important;
}

.rm-brand-experience--aliehs-running .rm-desktop-header-search {
  border-color: var(--aliehs-line-strong) !important;
  background: var(--aliehs-chrome-raised) !important;
  box-shadow: none !important;
  color: var(--aliehs-copy) !important;
}

.rm-brand-experience--aliehs-running .rm-desktop-header-search:hover,
.rm-brand-experience--aliehs-running .rm-desktop-header-search:focus-within {
  border-color: #a9d8d4 !important;
  box-shadow: 0 0 0 3px rgba(169, 216, 212, 0.12) !important;
  transform: none;
}

.rm-brand-experience--aliehs-running .rm-desktop-header-search > svg {
  stroke: var(--aliehs-copy-muted) !important;
}

.rm-brand-experience--aliehs-running .rm-desktop-header-search input {
  border: 0 !important;
  background: transparent !important;
  color: var(--aliehs-copy) !important;
}

.rm-brand-experience--aliehs-running .rm-desktop-header-search input::placeholder {
  color: var(--aliehs-copy-muted) !important;
  opacity: 1;
}

.rm-brand-experience--aliehs-running .rm-desktop-header-search button {
  border-left-color: var(--aliehs-line) !important;
  background: transparent !important;
  color: var(--aliehs-copy) !important;
}

.rm-brand-experience--aliehs-running .rm-desktop-header-search button:hover,
.rm-brand-experience--aliehs-running .rm-desktop-header-search button:focus-visible {
  background: #d7ff3f !important;
  color: #090a0c !important;
}

.rm-brand-experience--aliehs-running .rm-desktop-page-tabs {
  border-top-color: var(--aliehs-line) !important;
  border-bottom-color: var(--aliehs-line) !important;
  background: #0d0f11 !important;
}

.rm-brand-experience--aliehs-running .rm-desktop-page-tabs :is(a, button) {
  border-right-color: var(--aliehs-line) !important;
  background: transparent !important;
  color: var(--aliehs-copy-muted) !important;
  font-family: var(--rm-brand-body-font) !important;
  letter-spacing: 0.08em;
}

.rm-brand-experience--aliehs-running .rm-desktop-page-tabs :is(a, button)::after {
  height: 3px;
  background: var(--aliehs-holographic) !important;
}

.rm-brand-experience--aliehs-running .rm-desktop-page-tabs :is(a, button):hover,
.rm-brand-experience--aliehs-running .rm-desktop-page-tabs :is(a, button):focus-visible,
.rm-brand-experience--aliehs-running .rm-desktop-page-tabs :is(a, button)[aria-current="page"] {
  background: var(--aliehs-chrome-soft) !important;
  color: var(--aliehs-copy) !important;
}

.rm-brand-experience--aliehs-running .rm-desktop-page-tabs :is(a, button)[aria-current="page"]::after {
  width: 100%;
}

/* Brand context row: a quiet seam between the shared site and ALIEHS content. */
.rm-brand-experience--aliehs-running .rm-brand-context-bar {
  position: relative;
  background: var(--aliehs-chrome-raised) !important;
  border-bottom-color: var(--aliehs-line) !important;
  color: var(--aliehs-copy) !important;
}

.rm-brand-experience--aliehs-running .rm-brand-context-bar::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  background: var(--aliehs-holographic);
  opacity: 0.8;
}

/* Mobile search and menu inherit the same ALIEHS chrome. */
.rm-brand-experience--aliehs-running .rm-discovery-header {
  background: var(--aliehs-chrome) !important;
}

.rm-brand-experience--aliehs-running .rm-discovery-header .rm-discovery-search form,
.rm-brand-experience--aliehs-running #menu .rm-discovery-search form {
  border-color: var(--aliehs-line-strong) !important;
  background: var(--aliehs-chrome-raised) !important;
  color: var(--aliehs-copy) !important;
}

.rm-brand-experience--aliehs-running .rm-discovery-search input {
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
}

.rm-brand-experience--aliehs-running .menu-tray {
  border-right: 1px solid var(--aliehs-line);
  background: var(--aliehs-chrome) !important;
  color: var(--aliehs-copy) !important;
}

.rm-brand-experience--aliehs-running .menu-head,
.rm-brand-experience--aliehs-running #menu .rm-menu-pages,
.rm-brand-experience--aliehs-running #menu .rm-menu-category {
  border-color: var(--aliehs-line) !important;
}

.rm-brand-experience--aliehs-running .menu-head img {
  background: transparent !important;
  filter: saturate(1.16) brightness(1.08) contrast(1.03);
}

.rm-brand-experience--aliehs-running .menu .x,
.rm-brand-experience--aliehs-running #menu .rm-menu-category,
.rm-brand-experience--aliehs-running #menu .rm-menu-back,
.rm-brand-experience--aliehs-running #menu .rm-menu-category-title,
.rm-brand-experience--aliehs-running #menu .rm-menu-shop-all,
.rm-brand-experience--aliehs-running .menu a.menu-link,
.rm-brand-experience--aliehs-running .menu button.menu-link {
  color: var(--aliehs-copy) !important;
}

.rm-brand-experience--aliehs-running .menu a.menu-link,
.rm-brand-experience--aliehs-running .menu button.menu-link {
  border-bottom-color: var(--aliehs-line) !important;
  background: transparent !important;
}

.rm-brand-experience--aliehs-running .menu a.menu-link.active,
.rm-brand-experience--aliehs-running .menu a.menu-link:hover,
.rm-brand-experience--aliehs-running .menu button.menu-link:hover {
  background: var(--aliehs-chrome-soft) !important;
  color: #d7ff3f !important;
}

.rm-brand-experience--aliehs-running #menu .rm-menu-shop-all {
  border-color: var(--aliehs-line-strong) !important;
  background: var(--aliehs-chrome-raised) !important;
}

.rm-brand-experience--aliehs-running .menu-signoff-card {
  border: 1px solid var(--aliehs-line);
  background: var(--aliehs-chrome-raised) !important;
  color: var(--aliehs-copy) !important;
}

/* Footer: one uninterrupted premium dark composition. */
.rm-brand-experience--aliehs-running .desktop-site-footer,
.rm-brand-experience--aliehs-running .home-footer {
  background: var(--aliehs-chrome) !important;
  color: var(--aliehs-copy) !important;
}

.rm-brand-experience--aliehs-running .home-footer {
  position: relative;
  border: 0 !important;
}

.rm-brand-experience--aliehs-running .home-footer::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: var(--aliehs-holographic);
}

.rm-brand-experience--aliehs-running .home-footer-main {
  gap: clamp(32px, 4vw, 68px) !important;
  padding-top: clamp(42px, 5vw, 72px) !important;
  padding-bottom: clamp(38px, 4vw, 58px) !important;
}

.rm-brand-experience--aliehs-running .home-footer-brand img {
  width: clamp(170px, 16vw, 220px);
  margin-bottom: 18px;
  background: transparent !important;
  filter: saturate(1.16) brightness(1.08) contrast(1.03)
    drop-shadow(0 0 14px rgba(174, 191, 223, 0.12));
}

.rm-brand-experience--aliehs-running .home-footer-brand p {
  max-width: 32ch;
  color: var(--aliehs-copy-muted) !important;
  font-family: var(--rm-brand-body-font) !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.65;
}

.rm-brand-experience--aliehs-running .home-footer-nav {
  align-content: start;
  column-gap: 28px;
  row-gap: 8px;
}

.rm-brand-experience--aliehs-running .home-footer-nav a,
.rm-brand-experience--aliehs-running .home-footer-nav .rm-newsletter-footer-link {
  min-height: 34px;
  padding: 7px 0;
  color: var(--aliehs-copy-muted) !important;
  font-family: var(--rm-brand-body-font) !important;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-decoration: none;
}

.rm-brand-experience--aliehs-running .home-footer-nav a:hover,
.rm-brand-experience--aliehs-running .home-footer-nav a:focus-visible,
.rm-brand-experience--aliehs-running .home-footer-nav .rm-newsletter-footer-link:hover,
.rm-brand-experience--aliehs-running .home-footer-nav .rm-newsletter-footer-link:focus-visible {
  color: #d7ff3f !important;
  text-decoration: none;
}

.rm-brand-experience--aliehs-running .home-footer-social {
  border-color: var(--aliehs-line) !important;
}

.rm-brand-experience--aliehs-running .home-footer-social h3 {
  margin-bottom: 18px;
  color: var(--aliehs-copy) !important;
  font-family: var(--rm-brand-heading-font) !important;
  font-size: 17px;
  letter-spacing: 0.035em;
}

.rm-brand-experience--aliehs-running .footer-social-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.rm-brand-experience--aliehs-running .footer-social-link {
  min-width: 0;
  min-height: 76px;
  padding: 12px;
  border: 1px solid var(--aliehs-line);
  border-radius: 2px;
  background: var(--aliehs-chrome-raised);
  color: var(--aliehs-copy) !important;
  font-family: var(--rm-brand-body-font) !important;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.rm-brand-experience--aliehs-running .footer-social-link:hover,
.rm-brand-experience--aliehs-running .footer-social-link:focus-visible {
  border-color: rgba(215, 255, 63, 0.62);
  background: var(--aliehs-chrome-soft);
  transform: translateY(-2px);
}

.rm-brand-experience--aliehs-running .footer-social-icon,
.rm-brand-experience--aliehs-running .footer-social-link[data-footer-social="instagram"]:where(a):hover .footer-social-icon,
.rm-brand-experience--aliehs-running .footer-social-link[data-footer-social="instagram"]:where(a):focus-visible .footer-social-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border: 0 !important;
  border-radius: 50%;
  background: var(--aliehs-holographic) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.48) !important;
  color: #090a0c !important;
}

.rm-brand-experience--aliehs-running .footer-social-icon svg {
  width: 23px;
  height: 23px;
  stroke: currentColor;
}

.rm-brand-experience--aliehs-running .footer-social-link small {
  color: var(--aliehs-copy-muted) !important;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
}

.rm-brand-experience--aliehs-running .rm-footer-legal {
  grid-template-columns: minmax(260px, 1fr) auto;
  align-items: end;
  gap: 26px;
  padding: 26px 5vw;
  border-top: 1px solid var(--aliehs-line) !important;
  background: var(--aliehs-chrome-raised) !important;
  color: var(--aliehs-copy-muted) !important;
}

.rm-brand-experience--aliehs-running .rm-footer-seller,
.rm-brand-experience--aliehs-running .rm-footer-seller span {
  color: var(--aliehs-copy-muted) !important;
  font-family: var(--rm-brand-body-font) !important;
}

.rm-brand-experience--aliehs-running .rm-footer-seller b {
  color: var(--aliehs-copy) !important;
  font-family: var(--rm-brand-heading-font) !important;
  letter-spacing: 0.06em;
}

.rm-brand-experience--aliehs-running .rm-footer-policy-nav {
  justify-content: flex-end;
}

.rm-brand-experience--aliehs-running .rm-footer-policy-nav a {
  color: var(--aliehs-copy-muted) !important;
  font-family: var(--rm-brand-body-font) !important;
  text-decoration-color: rgba(245, 245, 242, 0.38);
}

.rm-brand-experience--aliehs-running .rm-footer-policy-nav a:hover,
.rm-brand-experience--aliehs-running .rm-footer-policy-nav a:focus-visible {
  color: #d7ff3f !important;
  text-decoration-color: currentColor;
}

.rm-brand-experience--aliehs-running .home-footer-bottom {
  padding: 16px 5vw !important;
  border-top: 1px solid rgba(245, 245, 242, 0.08);
  background: #050607 !important;
  color: var(--aliehs-copy-muted) !important;
  font-family: var(--rm-brand-body-font) !important;
  letter-spacing: 0.09em;
}

/* Keep the persistent help control visually at home over the dark footer. */
.rm-brand-experience--aliehs-running .ask-nat-fab {
  border-color: var(--aliehs-line-strong) !important;
  background: var(--aliehs-chrome-raised) !important;
  color: var(--aliehs-copy) !important;
}

.rm-brand-experience--aliehs-running .ask-nat-fab small {
  color: var(--aliehs-copy-muted) !important;
}

@media (max-width: 1019px) {
  .rm-brand-experience--aliehs-running .top {
    overflow: visible !important;
  }

  .rm-brand-experience--aliehs-running .top .logo {
    width: 144px !important;
    max-height: 54px !important;
  }

  .rm-brand-experience--aliehs-running .hamb {
    left: 14px;
    width: 42px;
    height: 42px;
    font-size: 27px;
  }

  .rm-brand-experience--aliehs-running .top > .top-basket {
    right: 14px;
    width: 42px;
    height: 42px;
  }
}

@media (max-width: 767px) {
  .rm-brand-experience--aliehs-running .rm-brand-context-bar {
    gap: 12px;
  }

  .rm-brand-experience--aliehs-running .home-footer-main {
    gap: 30px !important;
    padding: 40px 20px 34px !important;
  }

  .rm-brand-experience--aliehs-running .home-footer-brand img {
    width: 176px;
  }

  .rm-brand-experience--aliehs-running .home-footer-nav {
    column-gap: 20px;
  }

  .rm-brand-experience--aliehs-running .home-footer-social {
    padding-top: 28px;
  }

  .rm-brand-experience--aliehs-running .footer-social-row {
    grid-template-columns: 1fr;
  }

  .rm-brand-experience--aliehs-running .rm-footer-legal {
    grid-template-columns: 1fr;
    align-items: start;
    padding: 26px 20px;
  }

  .rm-brand-experience--aliehs-running .rm-footer-policy-nav {
    justify-content: flex-start;
  }

  .rm-brand-experience--aliehs-running .home-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    padding: 16px 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rm-brand-experience--aliehs-running .footer-social-link,
  .rm-brand-experience--aliehs-running .hamb,
  .rm-brand-experience--aliehs-running .top > .top-basket {
    transition: none !important;
  }
}
