/* Mobile dropdown menu styles - ONLY for mobile screens */
@media (max-width: 768px) {
    .nav .nav-item {
        width: 100%;
    }

    .nav .nav-item>a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
    }

    .nav .dropdown-menu {
        position: static !important;
        display: none;
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 8px 0 0 0;
        margin: 0;
    }

    .nav .dropdown-menu.dropdown-open {
        display: flex;
        flex-direction: column;
    }

    .nav .dropdown-menu a {
        background: rgba(var(--brand-primary-rgb), 0.1);
        margin: 4px 0;
        border-radius: 8px;
        font-size: 0.95rem;
    }

    .nav .dropdown-menu a:hover {
        background: rgba(var(--brand-primary-rgb), 0.2);
    }
}