/* ============================================================
   WICKO PILL NAV — Davis Education Foundation theme
   Navy + gold over translucent glass.
   ============================================================ */

:root {
  --wpn-bg:               rgba(11, 27, 60, 0.96);
  --wpn-bg-scrolled:      rgba(11, 27, 60, 0.98);
  --wpn-border:           rgba(255, 255, 255, 0.14);
  --wpn-shadow:           rgba(11, 27, 60, 0.32);
  --wpn-shadow-scrolled:  rgba(11, 27, 60, 0.42);
  --wpn-fg:               #ffffff;
  --wpn-fg-soft:          rgba(255, 255, 255, 0.7);
  --wpn-fg-strong:        #ffffff;

  --wpn-card-bg:          #0e315c;
  --wpn-card-shadow:      rgba(11, 27, 60, 0.55);
  --wpn-card-divider:     rgba(255, 255, 255, 0.10);

  --wpn-cta-bg:           #f5a623;
  --wpn-cta-bg-hover:     #e09400;
  --wpn-cta-fg:           #0e315c;
  --wpn-cta-shadow:       rgba(245, 166, 35, 0.30);

  --wpn-accent:           #f5a623;

  --wpn-link-font:        Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --wpn-link-size:        18px;
  --wpn-link-weight:      500;
}

/* Card text needs to read white-on-navy, override .wpn__links a default */
@media (max-width: 768px) {
  .wpn__links a {
    color: #ffffff;
    opacity: .85;
  }
  .wpn__links a:hover,
  .wpn__links a.is-active { color: var(--wpn-accent); opacity: 1; }
  .wpn__group-toggle { color: #ffffff; }
  .wpn__sub a { color: rgba(255,255,255,0.75) !important; }

  /* Hide the legacy DEF header bar + mobile menu on mobile —
     the wpn nav replaces them entirely. */
  .glass-header__bar { display: none !important; }
  .glass-mobile-menu { display: none !important; }
  .glass-search-overlay { display: none !important; }
}

/* On desktop, the existing glass-header runs the show; hide our wpn. */
@media (min-width: 769px) {
  .wpn { display: none !important; }
}