/**
 * Responsive styles — mobile-first breakpoints
 */

@media (max-width: 991.98px) {
    .site-navbar .nav-link {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
        padding: 0.75rem 1rem !important;
    }

    .site-logo {
        max-height: 4.75rem;
        height: 4.75rem;
    }
}

@media (max-width: 767.98px) {
    .home-pre-footer__nav {
        font-size: 0.75rem;
        flex-direction: column;
    }

    .home-pre-footer__sep {
        display: none;
    }

    .home-pre-footer__nav a {
        white-space: normal;
        min-height: var(--touch-target);
        display: inline-flex;
        align-items: center;
    }

    .topbar-actions {
        width: 100%;
        justify-content: flex-start !important;
    }
}

@media (max-width: 575.98px) {
    .site-logo {
        max-height: 3.875rem;
        height: 3.875rem;
    }

    .topbar-actions .btn {
        font-size: 0.68rem;
        padding: 0.4rem 0.55rem;
        flex: 1 1 auto;
        text-align: center;
    }

    .site-topbar__inner {
        flex-wrap: wrap;
    }
}

@media (orientation: landscape) and (max-height: 500px) {
    .home-hero {
        min-height: auto;
        padding: 2rem 0;
    }
}