/* Mobile-first styles dla powiadomień push */

/* Suwak powiadomień - większy na mobile */
@media (max-width: 768px) {
    .form-switch .form-check-input {
        width: 3.5rem !important;
        height: 1.8rem !important;
    }

    .form-switch .form-check-label {
        margin-left: 0.5rem;
    }
}

/* PWA detection */
@media (display-mode: standalone) {
    /* Style gdy app jest zainstalowana jako PWA */
    body {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }

    /* Ukryj "Zainstaluj app" banner gdy już jest zainstalowana */
    .install-prompt {
        display: none !important;
    }
}

/* Touch improvements */
.btn, .form-switch .form-check-input {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

/* Notification permission banner */
.notification-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
    color: white;
    padding: 1rem;
    text-align: center;
    z-index: 9999;
    transform: translateY(-100%);
    transition: transform 0.3s ease;
}

.notification-banner.show {
    transform: translateY(0);
}

.notification-banner .btn {
    margin: 0.5rem;
    min-width: 120px;
}

/* iOS Safari specific */
@supports (-webkit-appearance: none) {
    .form-switch .form-check-input {
        -webkit-appearance: none;
        appearance: none;
    }
}