/* Critical Mobile Fixes - Load Last */

/* ===== DESKTOP: Hide mobile button ===== */
@media (min-width: 769px) {
    .submit-btn-mobile,
    #submit-location-mobile,
    button.submit-btn-mobile {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* ===== MOBILE: Show mobile button, hide desktop button ===== */
@media (max-width: 768px) {
    /* Hide desktop vertical button */
    .create-playlist-btn-side,
    #submit-location {
        display: none !important;
    }
    
    /* Show mobile button */
    .submit-btn-mobile,
    #submit-location-mobile {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        position: relative !important;
        z-index: 100 !important;
    }
}

/* ===== LOADING SCREEN: Hidden by default, show only when active ===== */
/* Default: HIDDEN */
#loading-screen,
.loading-container,
#loading-screen.hidden,
.loading-container.hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Active: VISIBLE (when .hidden class is removed) */
#loading-screen:not(.hidden),
.loading-container:not(.hidden) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99999 !important;
    background: #14132b !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: all !important;
}