/*
 * PadelRegalos Design System 1.20 — global Orbital Go header/navigation layer.
 *
 * Targets the public DOM verified on Orbital Go 0.2.5:
 * header.site-header
 *   > div.container.header-inner
 *     > div.site-logo
 *     > div.header-navigation-wrapper
 *       > nav.primary-menu-wrapper
 *         > ul.primary-menu.reset-list-style
 *
 * The mobile navigation is a separate nav.mobile-menu outside header.site-header,
 * so menu rules below do not alter its markup or behaviour. The shared .container
 * is already constrained to max-width:100% by Orbital on narrow viewports; setting
 * width:100% therefore preserves the mobile-width behaviour while removing the
 * 48rem desktop bottleneck.
 */

:root {
  --pr-header-navy: #040051;
  --pr-header-hover: #FCA044;
  --pr-header-max: 1320px;
  --pr-header-gap: clamp(14px, 1.55vw, 26px);
}

/* Real shared logo + desktop-navigation wrapper. */
.site-header > .container.header-inner {
  width: 100% !important;
  max-width: var(--pr-header-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(16px, 2vw, 28px) !important;
  padding-right: clamp(16px, 2vw, 28px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box !important;
}

.site-header > .container.header-inner > .site-logo {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  margin-right: clamp(18px, 2vw, 32px) !important;
}

.site-header > .container.header-inner > .header-navigation-wrapper {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.site-header .header-navigation-wrapper > nav.primary-menu-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Desktop primary menu only. nav.mobile-menu uses .modal-menu and is untouched. */
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: var(--pr-header-gap) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > a,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > a:visited {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  color: var(--pr-header-navy) !important;
  line-height: 1.25 !important;
  padding: 12px 0 !important;
  text-decoration: none !important;
}

/* Top-level state: navy at rest, coral only for actual pointer/keyboard interaction.
 * Do NOT color current-menu-item/current-menu-ancestor: several grouping parents share
 * /regalos-de-padel/ and WordPress may mark more than one as current on that hub. */
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > a:hover,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > a:focus,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item:focus-within > a {
  color: var(--pr-header-hover) !important;
}

.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.current-menu-item > a,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.current-menu-ancestor > a,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.current-menu-parent > a {
  color: var(--pr-header-navy) !important;
}

/* Orbital's verified submenu indicator node is a sibling span.icon. */
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item-has-children > span.icon {
  color: var(--pr-header-navy) !important;
  border-color: var(--pr-header-navy) !important;
  flex: 0 0 auto !important;
}

.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item-has-children > span.icon::before,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item-has-children > span.icon::after {
  color: currentColor !important;
  border-color: currentColor !important;
}

.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item-has-children:hover > span.icon,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item-has-children:focus-within > span.icon {
  color: var(--pr-header-hover) !important;
  border-color: var(--pr-header-hover) !important;
}

.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.current-menu-item > span.icon,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.current-menu-ancestor > span.icon,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.current-menu-parent > span.icon {
  color: var(--pr-header-navy) !important;
  border-color: var(--pr-header-navy) !important;
}

/* Desktop dropdowns: force a light, readable surface. Orbital may supply a dark
 * submenu background in the active theme bundle; this layer owns only appearance,
 * not positioning or open/close behaviour. */
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > ul.sub-menu {
  background: #ffffff !important;
  color: var(--pr-header-navy) !important;
  border-color: rgba(4, 0, 81, 0.14) !important;
  box-shadow: 0 12px 30px rgba(4, 0, 81, 0.14) !important;
}

.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > ul.sub-menu::before,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > ul.sub-menu::after {
  background: #ffffff !important;
  border-color: #ffffff !important;
}

.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > ul.sub-menu > li,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > ul.sub-menu > li.menu-item {
  background: #ffffff !important;
}

.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > ul.sub-menu a,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > ul.sub-menu a:visited {
  color: var(--pr-header-navy) !important;
  background: #ffffff !important;
}

.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > ul.sub-menu a:hover,
.site-header nav.primary-menu-wrapper > ul.primary-menu.reset-list-style > li.menu-item > ul.sub-menu a:focus {
  color: var(--pr-header-hover) !important;
  background: #f7f7fb !important;
}