/* PickleHub PH v2.6.670 — readable current nav state
   Fixes light/white active pill on desktop nav, especially For Venue Owners. */
:root{
  --ph-current-nav-ink:#06243a;
  --ph-current-nav-teal:#0b7285;
  --ph-current-nav-teal-2:#14b8a6;
  --ph-current-nav-bg:rgba(20,184,166,.14);
  --ph-current-nav-bg-strong:rgba(20,184,166,.22);
  --ph-current-nav-border:rgba(11,114,133,.34);
}

/* Desktop/header nav: current item should be readable, not white on a pale glass pill. */
@media (min-width: 783px){
  body:not(.wp-admin) :is(.main-navigation,.primary-navigation,.site-navigation,.wp-block-navigation,.menu,.nav-menu,.picklehub-public-nav) :is(.current-menu-item,.current_page_item,.current-menu-ancestor,.current_page_parent,.picklehub-current-menu-item) > a:not(.button):not(.wp-element-button):not(.picklehub-reserve-cta),
  body:not(.wp-admin) :is(.main-navigation,.primary-navigation,.site-navigation,.wp-block-navigation,.menu,.nav-menu,.picklehub-public-nav) a[aria-current]:not(.button):not(.wp-element-button):not(.picklehub-reserve-cta),
  body:not(.wp-admin) :is(.main-navigation,.primary-navigation,.site-navigation,.wp-block-navigation,.menu,.nav-menu,.picklehub-public-nav) a.picklehub-is-current-nav:not(.button):not(.wp-element-button):not(.picklehub-reserve-cta){
    color:var(--ph-current-nav-ink) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.92),var(--ph-current-nav-bg)) !important;
    border:1px solid var(--ph-current-nav-border) !important;
    border-radius:999px !important;
    box-shadow:0 10px 24px rgba(8,47,73,.08), inset 0 -3px 0 rgba(11,114,133,.20) !important;
    text-decoration:none !important;
    text-shadow:none !important;
    opacity:1 !important;
    filter:none !important;
  }

  body:not(.wp-admin) :is(.main-navigation,.primary-navigation,.site-navigation,.wp-block-navigation,.menu,.nav-menu,.picklehub-public-nav) :is(.current-menu-item,.current_page_item,.current-menu-ancestor,.current_page_parent,.picklehub-current-menu-item) > a:not(.button):not(.wp-element-button):not(.picklehub-reserve-cta):hover,
  body:not(.wp-admin) :is(.main-navigation,.primary-navigation,.site-navigation,.wp-block-navigation,.menu,.nav-menu,.picklehub-public-nav) a[aria-current]:not(.button):not(.wp-element-button):not(.picklehub-reserve-cta):hover,
  body:not(.wp-admin) :is(.main-navigation,.primary-navigation,.site-navigation,.wp-block-navigation,.menu,.nav-menu,.picklehub-public-nav) a.picklehub-is-current-nav:not(.button):not(.wp-element-button):not(.picklehub-reserve-cta):hover{
    color:var(--ph-current-nav-ink) !important;
    background:linear-gradient(180deg,#fff,var(--ph-current-nav-bg-strong)) !important;
    border-color:rgba(11,114,133,.48) !important;
    transform:translateY(-1px);
  }

  /* Ensure the high-priority Reserve a Court CTA keeps its strong teal button look. */
  body:not(.wp-admin) :is(.main-navigation,.primary-navigation,.site-navigation,.wp-block-navigation,.menu,.nav-menu,.picklehub-public-nav) a:is(.button,.wp-element-button,.picklehub-reserve-cta),
  body:not(.wp-admin) :is(.main-navigation,.primary-navigation,.site-navigation,.wp-block-navigation,.menu,.nav-menu,.picklehub-public-nav) a[href*="book-a-court"]:is(.button,.wp-element-button){
    color:#fff !important;
    background:linear-gradient(135deg,#0b7285,#0f8da0) !important;
    border-color:rgba(255,255,255,.26) !important;
    box-shadow:0 16px 34px rgba(11,114,133,.22) !important;
    text-shadow:none !important;
  }
}

/* WP block nav sometimes puts color on nested spans; normalize current span text too. */
body:not(.wp-admin) .wp-block-navigation :is(.current-menu-item,.current_page_item,.picklehub-current-menu-item) > a > span,
body:not(.wp-admin) .wp-block-navigation a.picklehub-is-current-nav > span,
body:not(.wp-admin) .wp-block-navigation a[aria-current] > span{
  color:inherit !important;
  text-shadow:none !important;
}

/* Mobile drawer: keep active item bold and readable, with controlled teal fill. */
@media (max-width: 782px){
  body:not(.wp-admin) :is(.picklehub-mobile-menu,.picklehub-mobile-nav,.picklehub-fallback-mobile-menu,.picklehub-cpt-mobile-menu,.wp-block-navigation__responsive-container) :is(.current-menu-item,.current_page_item,.picklehub-current-menu-item) > a,
  body:not(.wp-admin) :is(.picklehub-mobile-menu,.picklehub-mobile-nav,.picklehub-fallback-mobile-menu,.picklehub-cpt-mobile-menu,.wp-block-navigation__responsive-container) a[aria-current],
  body:not(.wp-admin) :is(.picklehub-mobile-menu,.picklehub-mobile-nav,.picklehub-fallback-mobile-menu,.picklehub-cpt-mobile-menu,.wp-block-navigation__responsive-container) a.picklehub-is-current-nav{
    color:#ffffff !important;
    background:linear-gradient(135deg,#0b7285,#0f8da0) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    text-shadow:none !important;
    opacity:1 !important;
  }
}