/* Multi-page navbar tweaks: hover dropdowns on desktop, open submenus on mobile */

/* Desktop: reveal the submenu on hover so the toggle itself can navigate */
@media (min-width: 992px) {
    #topNav .nav-item.dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    #topNav .dropdown-toggle::after {
        margin-left: .35em;
    }
}

/* Mobile: the collapsed menu shows every sub-item inline */
@media (max-width: 991.98px) {
    #topNav .dropdown-menu {
        display: block;
        position: static;
        float: none;
        border: 0;
        background: transparent;
        box-shadow: none;
        padding: 0 0 .25rem 1rem;
    }
}

/* Active tab highlight */
#topNav .nav-link.active {
    font-weight: 700;
}

/* ── Nav icon buttons (search) ─────────────────────────────── */
.theme-toggle-item {
    display: flex;
    align-items: center;
}

.theme-toggle {
    background: transparent;
    border: none;
    color: #8ecae6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    line-height: 1;
    padding: 1rem 0.5rem;
    margin-left: 0.3rem;
    cursor: pointer;
    transition: color 0.2s ease, transform 0.2s ease;
}

.theme-toggle:hover,
.theme-toggle:focus {
    color: #ffb703;
    transform: translateY(-1px);
    outline: none;
}

@media (max-width: 991.98px) {
    .theme-toggle { padding: 0.5rem 0; margin: 0.2rem 0; }
}

@media (prefers-reduced-motion: reduce) {
    .theme-toggle { transition: color 0.2s ease; }
    .theme-toggle:hover, .theme-toggle:focus { transform: none; }
}