/* Responsive stil zaten ana dosyada var, ek stiller */

@media (max-width: 320px) {
    .sudoku-cell {
        width: 24px;
        height: 24px;
        font-size: 0.75rem;
    }
}

@media (max-width: 768px) {
    .nav-menu {
        display: none !important;
        background: var(--color-bg-card);
        border-top: 1px solid var(--color-border);
        margin-top: 0.75rem;
        padding: 1rem;
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-md);
    }

    .nav-menu.active {
        display: flex !important;
    }

    .nav-menu > li {
        width: 100%;
    }

    .nav-menu > li > a.nav-link {
        display: block;
        padding: 0.75rem 1rem;
        border-radius: var(--radius-sm);
    }

    .nav-menu > li > a.nav-link:hover {
        background: var(--color-bg);
    }

    .lang-switcher {
        width: 100%;
    }

    .lang-switcher-btn {
        width: 100%;
        justify-content: space-between;
    }

    .lang-switcher-dropdown {
        position: static;
        width: 100%;
        margin-top: 0.5rem;
        box-shadow: none;
        border: 1px solid var(--color-border);
    }

    .dropdown {
        width: 100%;
    }

    .dropdown-menu {
        position: static;
        width: 100%;
        margin-top: 0.5rem;
        box-shadow: none;
        border: 1px solid var(--color-border);
    }

    .dropdown:hover .dropdown-menu {
        display: none;
    }

    .dropdown.active .dropdown-menu {
        display: block;
    }
}