/* ===============================
   PCL NAVBAR – ANIMATED GRADIENT OUTLINE
   =============================== */

.pcl-navbar-wrapper {
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: center;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
}

/*
  Gradient border technique:
  - border-box = animated gradient
  - padding-box = white interior
*/
.pcl-navbar-wrapper .pcl-navbar,
.pcl-navbar-wrapper .pcl-navbar.card,
.pcl-navbar-wrapper nav.navbar {
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(
      120deg,
      var(--pcl-primary, #30aed1),
      color-mix(in srgb, var(--pcl-primary, #30aed1) 72%, #ffffff),
      var(--pcl-primary-dark, #258ab6),
      var(--pcl-primary, #30aed1)
    ) border-box !important;

  border: 2px solid transparent !important;
  border-radius: 9999px !important;

  /* Animate the gradient */
  background-size: 300% 300%;
  animation: pcl-navbar-gradient 8s ease infinite;

  /* No shadow */
  box-shadow: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
}

/* Make the whole bar hug its contents instead of stretching full-width. */
.pcl-navbar-wrapper .pcl-navbar,
.pcl-navbar-wrapper .pcl-navbar.card,
.pcl-navbar-wrapper nav.navbar {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  min-height: 44px !important;
  align-items: center !important;
}

/* Winners route uses the shared .pcl-subnav markup from local_pcl_core. */
body.path-local.path-local-pcl_winners .pcl-subnav {
  display: flex;
  justify-content: center;
}

body.path-local.path-local-pcl_winners .pcl-subnav__list {
  justify-content: center !important;
}

body.path-local-pcl_winners .pcl-stage-topbar,
body.path-local-pcl_winners .pcl-winners .pcl-stage-topbar,
body.path-local-pcl_winners .pcl-stage.pcl-winners .pcl-stage-topbar {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
}

/* Animation keyframes */
@keyframes pcl-navbar-gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Mobile tweaks */
@media (max-width: 768px) {
  body.path-local.path-local-pcl_winners .pcl-subnav {
    justify-content: flex-start;
    overflow-x: auto;
  }

  body.path-local.path-local-pcl_winners .pcl-subnav__list {
    justify-content: flex-start !important;
    width: max-content;
    min-width: 100%;
  }
}