/* Top menu shared by element/menu_home.php (visitors) and element/menu_user.php (signed-in users),
   same look as the home page. Everything is scoped to .cd-nav so page styles are not affected. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap');

.cd-nav {
    --cd-navy: #1e3a8a;
    --cd-gold: #d97706;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background: rgba(255, 255, 255, .94) !important;
    backdrop-filter: blur(14px);
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    z-index: 1030;
}
.cd-nav .cd-container { width: 100%; padding: 0 1rem; margin: 0 auto; }
@media (min-width: 576px) { .cd-nav .cd-container { max-width: 540px; } }
@media (min-width: 768px) { .cd-nav .cd-container { max-width: 720px; } }
@media (min-width: 992px) { .cd-nav .cd-container { max-width: 960px; } }
@media (min-width: 1200px) { .cd-nav .cd-container { max-width: 1140px; } }
@media (min-width: 1400px) { .cd-nav .cd-container { max-width: 1380px; } }
@media (min-width: 1800px) { .cd-nav .cd-container { max-width: 1740px; } }

.cd-nav .cd-brand-name { font-weight: 900; font-size: 1.5rem; }
.cd-nav .cd-brand-tag { font-size: .62rem; }
.cd-nav .text-navy { color: var(--cd-navy) !important; }
.cd-nav .text-gold { color: var(--cd-gold) !important; }

.cd-nav .navbar-nav { font-weight: 600; font-size: .875rem; text-transform: uppercase; }
.cd-nav .nav-link { color: #0f172a; }
.cd-nav .nav-link:hover, .cd-nav .nav-link:focus, .cd-nav .nav-link.active { color: var(--cd-navy); }
.cd-nav .dropdown-menu { text-transform: none; font-weight: 500; border-color: #e2e8f0; border-radius: 12px; box-shadow: 0 10px 28px rgba(15, 23, 42, .1); }
.cd-nav .dropdown-item { border-radius: 6px; }
.cd-nav .dropdown-item:hover, .cd-nav .dropdown-item:focus { background: #edf4ff; color: var(--cd-navy); }

.cd-nav .btn-navy { background: var(--cd-navy); color: #fff; font-weight: 600; border: 1px solid var(--cd-navy); }
.cd-nav .btn-navy:hover, .cd-nav .btn-navy:focus { background: #1e40af; color: #fff; box-shadow: 0 4px 12px rgba(30, 58, 138, .25); }
.cd-nav .btn-outline-navy { color: var(--cd-navy); border: 1px solid var(--cd-navy); font-weight: 600; }
.cd-nav .btn-outline-navy:hover, .cd-nav .btn-outline-navy:focus, .cd-nav .btn-outline-navy.show { background: var(--cd-navy); color: #fff; }

/* Long admin menus scroll instead of running off the screen. */
.cd-nav .dropdown-menu.cd-scroll { max-height: 70vh; overflow-y: auto; }