/* Tablet navigation fixes */
@media (min-width: 640px) and (max-width: 1023px) {
    /* Center all navigation items */
    #navbar-menu.open button.nav-link {
        width: 80% !important;
        margin: 0.25rem auto !important;
        text-align: center !important;
        justify-content: center !important;
        display: flex !important;
    }

    /* Fix auth links to display vertically in tablet view */
    #navbar-menu.open #auth-links {
        display: flex !important;
        flex-direction: column !important;
        width: 80% !important;
        margin: 0.5rem auto !important;
        align-items: center !important;
    }

    #navbar-menu.open #auth-links button {
        width: 100% !important;
        margin: 0.25rem auto !important;
        text-align: center !important;
    }
    
    /* Ensure RTL text alignment is correct */
    html[dir="rtl"] #navbar-menu.open button.nav-link {
        text-align: center !important;
    }
    
    /* Fix spacing between items */
    #navbar-menu.open .nav-link {
        margin-bottom: 0.5rem !important;
    }
    
    /* Fix layout of other menu items */
    #navbar-menu.open button.nav-link {
        display: block !important;
        margin: 0.25rem auto !important;
    }
}