@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');

body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    color: #0F172A; 
}

.electric-header { 
    background: linear-gradient(135deg, #0A2EFF 0%, #000830 100%); 
}

.text-glow { 
    text-shadow: 0 0 40px rgba(0, 229, 255, 0.5); 
}

.hide-scrollbar::-webkit-scrollbar { 
    display: none; 
}

#location-sheet { 
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease; 
    pointer-events: none; 
}

@media (max-width: 767px) {
    #location-sheet { 
        bottom: 0; 
        left: 0; 
        right: 0; 
        margin: 0 auto; 
        max-height: 85vh; 
        border-radius: 2.5rem 2.5rem 0 0; 
        transform: translateY(100%); 
    }
    #location-sheet.open { 
        transform: translateY(0); 
        pointer-events: auto; 
    }
}

@media (min-width: 768px) {
    #location-sheet { 
        top: 50%; 
        left: 50%; 
        transform: translate(-50%, -40%); 
        opacity: 0; 
        border-radius: 2.5rem; 
        max-height: 80vh; 
    }
    #location-sheet.open { 
        transform: translate(-50%, -50%); 
        opacity: 1; 
        pointer-events: auto; 
    }
}

#backdrop { 
    transition: opacity 0.3s; 
    opacity: 0; 
    pointer-events: none; 
}

#backdrop.open { 
    opacity: 1; 
    pointer-events: auto; 
}

#global-progress-bar {
    position: fixed; 
    top: 0; 
    left: 0; 
    height: 3px; 
    background-color: #00E5FF;
    z-index: 999999; 
    transition: width 0.3s ease, opacity 0.3s ease;
    width: 0%; 
    opacity: 0; 
    pointer-events: none;
    box-shadow: 0 0 10px #00E5FF, 0 0 5px #00E5FF;
}

#pwa-install-banner { 
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); 
    transform: translateY(200%); 
}

#pwa-install-banner.show { 
    transform: translateY(0); 
}

@media all and (display-mode: standalone) { 
    #pwa-install-banner { 
        display: none !important; 
    } 
}