/* V2-05.4R.4 — World selection without outer capsule
   - no ellipse/container around the group
   - active world remains a filled graphite pill
   - non-active hover/focus shows outline only */

body.is-catalogue-route #site-header .header-world-navigation {
  gap: 8px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Disable the moving preview marker. Each link owns its visual state. */
body.is-catalogue-route #site-header .header-world-navigation__marker {
  display: none !important;
}

body.is-catalogue-route #site-header .header-world-navigation__link {
  min-height: var(--catalogue-world-link-height) !important;
  padding-inline: clamp(16px, 1.45vw, 22px) !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  color: rgba(41, 40, 38, 0.62) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transition:
    color 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease !important;
}

/* Hover is outline-only. */
body.is-catalogue-route #site-header .header-world-navigation__link:not(.is-active):hover,
body.is-catalogue-route #site-header .header-world-navigation__link:not(.is-active):focus-visible,
body.is-catalogue-route #site-header .header-world-navigation__link.is-pill-preview:not(.is-active) {
  border-color: rgba(41, 40, 38, 0.28) !important;
  color: #292826 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Active world is the only filled pill. */
body.is-catalogue-route #site-header .header-world-navigation__link.is-active,
body.is-catalogue-route #site-header .header-world-navigation.is-previewing .header-world-navigation__link.is-active:not(.is-pill-preview) {
  border-color: #292826 !important;
  color: #fff !important;
  background: #292826 !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 5px 14px rgba(41, 40, 38, 0.14) !important;
  font-weight: 680 !important;
}

body.is-catalogue-route #site-header .header-world-navigation__link:focus-visible {
  outline: none !important;
}

@media (max-width: 760px) {
  body.is-catalogue-route #site-header .header-world-navigation {
    gap: 4px !important;
  }

  body.is-catalogue-route #site-header .header-world-navigation__link {
    padding-inline: 13px !important;
  }
}