/* Navbar-specific styles */

/* Keep navbar background transparent over hero video */
.navbar {
    background: transparent !important;
}

/* Brand and nav links */
.nav-link, .navbar-brand {
    color: var(--text-color);
    font-weight: 500;
    font-size: 1rem;
}

/* Active nav item */
.navbar-nav .nav-link.active {
    font-weight: 700;
    color: var(--primary-color);
}

/* Navbar logo sizing */
.swarra-logo {
    height: 40px; /* default desktop/tablet height */
    width: auto;  /* keep aspect ratio */
    object-fit: contain;
    display: block;
}

@media (max-width: 768px) {
    .swarra-logo {
        height: 32px; /* slightly smaller on mobile */
    }
}