/**
 * QRSIS-V2 — Modal overlay standardı (tüm modallar)
 * Arka plan: siyah %50, Blur: 4px, Animasyon: fade-in 0.35s
 * Bu dosyayı değiştirerek tüm projedeki modal overlay görünümünü güncelleyebilirsiniz.
 */

:root {
    --qrsis-modal-overlay-bg: rgba(0, 0, 0, 0.5);
    --qrsis-modal-overlay-blur: 4px;
    --qrsis-modal-overlay-animation: qrsis-overlay-fadein 0.35s ease-out forwards;
}

@keyframes qrsis-overlay-fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Tüm modal overlay'leri için ortak sınıf */
.qrsis-modal-overlay {
    background: var(--qrsis-modal-overlay-bg) !important;
    backdrop-filter: blur(var(--qrsis-modal-overlay-blur)) !important;
    -webkit-backdrop-filter: blur(var(--qrsis-modal-overlay-blur)) !important;
    animation: var(--qrsis-modal-overlay-animation);
}

/* Drawer overlay (menü sidebar / kategori drawer) — kapalıyken gizli, açıkken aynı standart */
.drawer-side .drawer-overlay {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 9998 !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
}
.drawer-toggle:checked ~ .drawer-side .drawer-overlay {
    display: block !important;
    background: var(--qrsis-modal-overlay-bg) !important;
    backdrop-filter: blur(var(--qrsis-modal-overlay-blur)) !important;
    -webkit-backdrop-filter: blur(var(--qrsis-modal-overlay-blur)) !important;
    animation: var(--qrsis-modal-overlay-animation);
}
/* Sidebar/drawer panel overlay'ın üstünde olsun */
.drawer-side aside {
    position: relative !important;
    z-index: 9999 !important;
}
/* SweetAlert2 container (backdrop) — aynı standart */
.swal2-container.swal2-backdrop-show {
    animation: var(--qrsis-modal-overlay-animation);
    background: var(--qrsis-modal-overlay-bg) !important;
    backdrop-filter: blur(var(--qrsis-modal-overlay-blur)) !important;
    -webkit-backdrop-filter: blur(var(--qrsis-modal-overlay-blur)) !important;
}

/* Toast bildiriminde overlay ve blur olmasın (menü reaksiyon toast) */
.swal2-container.swal2-backdrop-show:has(.swal-menu-toast) {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}