/* Shared by Vue and PHP location pages; palette comes from the active client theme. */
[data-seasonal-theme] .location-wrapper .location-menu-container-wrapper,
[data-seasonal-theme] .location-wrapper .location-menu-container {
  background: linear-gradient(100deg, var(--seasonal-panel-top), var(--seasonal-panel-bottom));
}

[data-seasonal-theme] .location-wrapper .location-menu-container {
  box-shadow: inset 1px 0 var(--seasonal-border);
  color: var(--seasonal-text);
}

[data-seasonal-theme] .location-wrapper .location-menu-container .location_name {
  color: var(--seasonal-accent);
  text-shadow: 0 1px 2px #000;
}

[data-seasonal-theme] .location-wrapper .location-menu-container a {
  color: var(--seasonal-text);
}

[data-seasonal-theme] .location-wrapper .location-menu-container a:hover,
[data-seasonal-theme] .location-wrapper .location-menu-container a:active,
[data-seasonal-theme] .location-wrapper .location-menu-container a:focus-visible {
  color: var(--seasonal-focus);
  background: var(--seasonal-hover);
}

[data-seasonal-theme] .location-wrapper .location-menu-container a:focus-visible {
  outline: 2px solid var(--seasonal-focus);
  outline-offset: -2px;
}

@media (max-width: 991px) {
  [data-seasonal-theme] .location-wrapper .location-menu:not(.slide-menu) .location-menu-container {
    background: var(--seasonal-panel-bottom);
    box-shadow: 0 -1px var(--seasonal-border);
  }

  [data-seasonal-theme] .location-wrapper .location-menu:not(.slide-menu) .location-menu-container li {
    border-color: var(--seasonal-border);
    background: var(--seasonal-panel-top);
  }

  [data-seasonal-theme] .location-wrapper .location-menu:not(.slide-menu) .location-menu-container a {
    color: var(--seasonal-text);
  }

  [data-seasonal-theme] .location-wrapper .location-menu:not(.slide-menu) .location-menu-container a:hover,
  [data-seasonal-theme] .location-wrapper .location-menu:not(.slide-menu) .location-menu-container a:active,
  [data-seasonal-theme] .location-wrapper .location-menu:not(.slide-menu) .location-menu-container a:focus-visible {
    color: var(--seasonal-focus);
    background: var(--seasonal-hover);
  }
}