/* PWA Install Button Styles */
.pwa-install-button {
    animation: pulse-install 2s ease-in-out infinite;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

.pwa-install-button:hover {
    animation: none;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}

@keyframes pulse-install {
    0%, 100% {
        box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
    }
    50% {
        box-shadow: 0 4px 16px rgba(40, 167, 69, 0.5);
    }
}

/* Mobile PWA Install Button */
@media (max-width: 768px) {
    .pwa-install-button {
        width: 100%;
        font-size: 0.9rem;
        padding: 0.5rem;
    }
}

/* PWA Installed State */
@media (display-mode: standalone) {
    header {
        padding-top: env(safe-area-inset-top);
    }
    
    .map-container {
        height: calc(100vh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    }
}