/*
 * Website-specific styles for the public-facing site.
 * Kept separate from GatePass app styles for easy extraction into a standalone project.
 */

/* Smooth scroll for anchor links */
html {
    scroll-behavior: smooth;
}

/* Navigation link hover/active state */
.website-nav-link:hover {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-body-color) !important;
}

.website-nav-link:active {
    background-color: var(--bs-secondary-bg);
}

/* Mobile menu – positioned below the header via position: absolute */
.website-mobile-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1030;
}