/* ===========================================================
   📌 MODAL TASARIM VE KATMANLAMA KURALLARI
   =========================================================== */

/* Başlık kısmını ortala */
.modal-header {
    justify-content: center;   /* Başlığı ortaya alır */
    text-align: center;        /* Ortalanır */
    border-radius: 20px 20px 0 0; /* sadece üst köşeler oval */
}

/* Başlık yazısı */
.modal-header .modal-title {
    font-weight: 500;          /* Orta kalınlık */
    font-size: 1.2rem;         /* Biraz daha küçük */
    width: 100%;               /* Ortalamak için tam genişlik */
    text-align: center;        /* Ortalar */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;                  /* ikon ile yazı arası boşluk */
}

/* Modal kutusunun tamamı */
.modal-content {
    border-radius: 20px;       /* tüm modal kutusunu oval yapar */
}

/* ===========================================================
   📌 KATMANLAMA (z-index) SORUN ÇÖZÜMÜ
   =========================================================== */

/* Yan menü (sidebar) */
.custom-sidebar {
    z-index: 9999 !important;
}

/* Bootstrap modal */
.modal-backdrop {
    z-index: 10040 !important;  /* arka plan perde */
}
.modal {
    z-index: 10050 !important;  /* modalın kendisi */
}

/* SweetAlert2 popup */
.swal2-container {
    z-index: 11000 !important;
}

/* Dropdown menü */
.dropdown-menu {
    z-index: 1050 !important;
}

/* Tooltip ve Select2 */
.tooltip,
.select2-container {
    z-index: 1060 !important;
}

/* ===========================================================
   📌 ÖZEL MODAL TANIMLARI (ŞU AN KAPALI)
   İleride ihtiyaç olursa açabilirsin.
   =========================================================== */

/*
    #HarcamaYemek.modal { z-index: 9999 !important; }
    #HarcamaYemek.modal + .modal-backdrop { z-index: 9998 !important; }

    #HarcamaUlasim.modal { z-index: 9999 !important; }
    #HarcamaUlasim.modal + .modal-backdrop { z-index: 9998 !important; }

    #HarcamaDiger.modal { z-index: 9999 !important; }
    #HarcamaDiger.modal + .modal-backdrop { z-index: 9998 !important; }

    #HarcamaAvans.modal { z-index: 9999 !important; }
    #HarcamaAvans.modal + .modal-backdrop { z-index: 9998 !important; }
*/