/* Shared navigation overrides - loaded last on every page.
   The menu has 8 tabs (incl. Stare igrače and Oddih in doživetja), so the desktop
   bar is tightened and the slide-in menu kicks in below 1200px instead of 968px. */

@media (min-width: 1201px) and (max-width: 1500px) {
    nav {
        padding-left: 30px;
        padding-right: 30px;
    }

    .nav-links {
        gap: 22px;
    }

    .nav-links a {
        font-size: 0.9rem;
    }
}

@media (min-width: 969px) and (max-width: 1200px) {
    nav {
        padding: 15px 30px;
    }

    .mobile-menu-btn {
        display: block;
    }

    .nav-links {
        position: fixed;
        top: 0;
        right: -100%;
        width: 70%;
        max-width: 300px;
        height: 100vh;
        background: #F9A826;
        flex-direction: column;
        padding: 80px 30px 30px;
        gap: 25px;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2);
    }

    .nav-links.active {
        right: 0;
    }
}

/* Nine entries can exceed short (landscape) phone screens */
@media (max-width: 1200px) {
    .nav-links {
        overflow-y: auto;
    }
}