/* Custom overrides — Tailwind CDN handles the rest */

:root {
  --nav-bg-scrolled: rgba(255, 255, 255, 0.97);
}

/* Scrolled nav state — applied by JS */
#nav-header.scrolled {
  background: var(--nav-bg-scrolled);
  backdrop-filter: blur(8px);
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  border-bottom: 1px solid #f1f5f9;
}

/* Nav link states — scrolled vs transparent */
#nav-header.scrolled .nav-link { color: #475569; }
#nav-header.scrolled .nav-link:hover { color: #0f172a; background: #f1f5f9; }
#nav-header.scrolled .nav-link.nav-active { color: #ea580c; background: #fff7ed; }
#nav-header.scrolled #logo-text { color: #0f172a; }
#nav-header.scrolled .nav-text-link { color: #475569; }
#nav-header.scrolled .nav-text-link:hover { color: #0f172a; }
#nav-header.scrolled .nav-search-btn { color: #94a3b8; border-color: #e2e8f0; }
#nav-header.scrolled .nav-search-btn:hover { color: #6366f1; border-color: #c7d2fe; background: #eef2ff; }

/* Transparent nav (top of page) */
#nav-header:not(.scrolled) .nav-link { color: rgba(255,255,255,0.8); }
#nav-header:not(.scrolled) .nav-link:hover { color: white; background: rgba(255,255,255,0.1); }
#nav-header:not(.scrolled) .nav-link.nav-active { color: white; background: rgba(255,255,255,0.2); }
#nav-header:not(.scrolled) .nav-text-link { color: rgba(255,255,255,0.8); }
#nav-header:not(.scrolled) .nav-text-link:hover { color: white; }
#nav-header:not(.scrolled) .nav-search-btn { color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.2); }
#nav-header:not(.scrolled) .nav-search-btn:hover { color: white; background: rgba(255,255,255,0.1); }

/* Smooth transitions */
#nav-header { transition: background 0.2s, box-shadow 0.2s, border-color 0.2s; }
.nav-link, .nav-text-link, .nav-search-btn { transition: color 0.15s, background 0.15s; }

/* details/summary triangle removal */
details summary::-webkit-details-marker { display: none; }