/* Horizontal testimonial scroller */
.testimonial-scroll-wrap,
.projects-testimonial-scroll {
    position: relative;
    overflow: hidden;
}

.testimonial-scroll-track,
.projects-testimonial-track {
    display: flex;
    gap: 22px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 8px 4px 18px;
    scrollbar-width: none;
}

.testimonial-scroll-track::-webkit-scrollbar,
.projects-testimonial-track::-webkit-scrollbar {
    display: none;
}

.testimonial-scroll-track > *,
.projects-testimonial-track > * {
    flex: 0 0 min(360px, 88vw);
    scroll-snap-align: start;
}

@media (min-width: 992px) {
    .testimonial-scroll-track > *,
    .projects-testimonial-track > * {
        flex-basis: 360px;
    }
}

/* Cleaner mobile navigation interaction */
@media (max-width: 991.98px) {
    .navbar,
    .navbar * {
        -webkit-tap-highlight-color: transparent !important;
    }

    .navbar .nav-link,
    .navbar .dropdown-item,
    .navbar-toggler,
    .navbar .btn,
    .navbar a,
    .navbar button {
        outline: none !important;
        box-shadow: none !important;
        border-color: transparent !important;
    }

    .navbar .nav-link:focus,
    .navbar .nav-link:focus-visible,
    .navbar .nav-link:active,
    .navbar .dropdown-item:focus,
    .navbar .dropdown-item:focus-visible,
    .navbar .dropdown-item:active,
    .navbar-toggler:focus,
    .navbar-toggler:focus-visible,
    .navbar-toggler:active,
    .navbar button:focus,
    .navbar button:focus-visible,
    .navbar button:active {
        outline: none !important;
        box-shadow: none !important;
        border-color: transparent !important;
    }

    .navbar .nav-link:active,
    .navbar .dropdown-item:active {
        background: rgba(11, 42, 74, 0.08) !important;
        color: #0b2a4a !important;
        transform: none !important;
    }

    .navbar-toggler {
        background: rgba(11, 42, 74, 0.05) !important;
        border: 1px solid rgba(11, 42, 74, 0.08) !important;
        border-radius: 10px !important;
    }

    .navbar-toggler:hover,
    .navbar-toggler:active {
        background: rgba(11, 42, 74, 0.09) !important;
    }
}