/* Final style for Onde ver / Highlights nav button */
.wc-hub-nav.fbb-league-stats-nav #hubNavWatchHighlights {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1px solid rgba(0, 177, 255, 0.75) !important;
  background:
    linear-gradient(135deg, rgba(0, 177, 255, 0.18), rgba(0, 255, 135, 0.10)) !important;
  color: #ffffff !important;
  box-shadow:
    0 0 0 1px rgba(0, 177, 255, 0.12) inset,
    0 8px 22px rgba(0, 177, 255, 0.10) !important;
  opacity: 1 !important;
  filter: none !important;
  cursor: pointer !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35) !important;
}

.wc-hub-nav.fbb-league-stats-nav #hubNavWatchHighlights:hover,
.wc-hub-nav.fbb-league-stats-nav #hubNavWatchHighlights:focus {
  border-color: rgba(0, 255, 135, 0.85) !important;
  background:
    linear-gradient(135deg, rgba(0, 177, 255, 0.28), rgba(0, 255, 135, 0.18)) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 1px rgba(0, 255, 135, 0.16) inset,
    0 12px 26px rgba(0, 177, 255, 0.18) !important;
}

.wc-hub-nav.fbb-league-stats-nav #hubNavWatchHighlights:active {
  transform: translateY(0) !important;
}

/* Prevent any grey/disabled style from other scripts */
.wc-hub-nav.fbb-league-stats-nav #hubNavWatchHighlights[disabled],
.wc-hub-nav.fbb-league-stats-nav #hubNavWatchHighlights[aria-disabled="true"] {
  pointer-events: auto !important;
  opacity: 1 !important;
  filter: none !important;
  background:
    linear-gradient(135deg, rgba(0, 177, 255, 0.18), rgba(0, 255, 135, 0.10)) !important;
  color: #ffffff !important;
}

/* Desktop: align with the other five nav buttons */
@media (min-width: 760px) {
  .wc-hub-nav.fbb-league-stats-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  .wc-hub-nav.fbb-league-stats-nav #hubNavWatchHighlights {
    grid-column: auto !important;
    min-height: 42px !important;
    border-radius: 14px !important;
  }
}

/* Mobile: keep it full width as the 5th button */
@media (max-width: 759px) {
  .wc-hub-nav.fbb-league-stats-nav #hubNavWatchHighlights {
    grid-column: 1 / -1 !important;
    min-height: 42px !important;
    border-radius: 14px !important;
  }
}