/* Mobile Navigation Fixes - Only applies to mobile */
@media (max-width: 768px) {
    /* Show hamburger button */
    .nav-hamburger {
        display: block !important;
        visibility: visible !important;
        background: none;
        border: none;
        font-size: 1.5rem;
        cursor: pointer;
        color: var(--text-secondary);
        padding: 4px 8px;
        z-index: 101;
    }

    /* Enforce mobile menu visibility when open */
    .nav-links-container.open {
        display: flex !important;
        flex-direction: column !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10000 !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }

    /* Ensure mobile links stack vertically and are visible */
    .nav-link-mobile {
        display: block !important;
        width: 100% !important;
        padding: 12px 16px !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: var(--text-primary) !important;
    }

    /* Ensure container covers width and is below nav */
    .nav-links-container {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: white !important;
        border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    }

    /* Fix mobile grid layouts */
    .main-grid {
        display: block !important;
        padding: 8px !important;
    }
    .arena {
        height: 250px !important;
        margin-bottom: 12px !important;
    }
    .showcase-grid {
        grid-template-columns: 1fr 1fr !important;
    }
    .tournament-cards-grid {
        grid-template-columns: 1fr !important;
    }
    .skins-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 480px) {
    .skins-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}