/* PWA-specific styles */

/* Hide install button when running as PWA */
.pwa-mode #installPWA {
    display: none !important;
}

/* Show PWA-only elements when running as PWA */
.pwa-mode .pwa-only {
    display: block !important;
}

/* Hide PWA-only elements in browser mode */
.pwa-only {
    display: none !important;
}

/* PWA standalone mode adjustments */
@media (display-mode: standalone) {
    /* Adjust header padding for status bar */
    .navbar {
        padding-top: env(safe-area-inset-top, 20px);
    }
    
    /* Hide browser-specific elements */
    .browser-only {
        display: none !important;
    }
    
    /* Optimize for mobile */
    .btn-lg {
        padding: 1rem 2rem;
        font-size: 1.125rem;
    }
    
    /* Better touch targets */
    .btn, .nav-link, .card {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Full screen usage */
    body {
        padding-bottom: env(safe-area-inset-bottom, 0);
    }
}

/* PWA splash screen styles */
@media (prefers-color-scheme: light) {
    .pwa-splash {
        background: linear-gradient(135deg, #198754, #20c997);
        color: white;
    }
}

/* Install button styles moved to mobile-pwa.css */

/* Mobile-specific PWA optimizations */
@media (max-width: 767px) {
    .pwa-mode .hero-section {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    
    .pwa-mode .nav-card {
        margin-bottom: 1rem;
    }
    
    /* Optimize hero buttons for mobile PWA */
    .pwa-mode .hero-buttons {
        flex-direction: column;
        gap: 1rem;
    }
    
    .pwa-mode .hero-buttons .btn {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
}

/* iOS-specific adjustments */
@supports (-webkit-touch-callout: none) {
    .pwa-mode .navbar {
        padding-top: max(env(safe-area-inset-top), 44px);
    }
}

/* Android-specific adjustments */
@media (max-width: 767px) and (orientation: portrait) {
    .pwa-mode .container-fluid {
        padding-left: env(safe-area-inset-left, 15px);
        padding-right: env(safe-area-inset-right, 15px);
    }
}