/* Arka Planı ve Pencereyi Güzelleştirme */
.swal2-container {
    -webkit-backdrop-filter: blur(3px) !important;
            backdrop-filter: blur(3px) !important; /* Arka planı hafifçe bulanıklaştır */
    background-color: rgba(0, 0, 0, 0.4) !important; /* Yumuşak karartma */
    z-index: 9999 !important; /* Pencereyi ön planda tut */
}

.swal2-popup {
    border-radius: 15px !important; /* Köşeleri yuvarlama */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important; /* Pencereye derinlik katmak için gölge */
    padding: 30px !important; /* İçerik aralığı */
    background-color: #fff !important; /* Beyaz arka plan */
    max-width: 500px !important; /* Maksimum genişlik */
}

.swal2-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

.swal2-html-container {
    font-size: 16px !important;
    color: #666 !important;
    text-align: center !important;
    line-height: 1.5 !important;
}

.swal2-confirm,
.swal2-cancel {
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-weight: 500 !important;
}

.swal2-confirm {
    background-color: var(--bs-primary) !important; /* Mavi renk */
    color: #fff !important; /* Beyaz yazı */
}

.swal2-cancel {
    background-color: #6c757d !important; /* Gri renk */
    color: #fff !important; /* Beyaz yazı */
}

/* Onay Butonu Hover Efekti */
.swal2-confirm:hover {
    background-color: #034498 !important; /* Hoverda daha koyu mavi */
}

/* İptal Butonu Hover Efekti */
.swal2-cancel:hover {
    background-color: #5a6268 !important; /* Hoverda koyu gri */
}

/* Popup Başlangıç Durumu */
.swal2-popup {
    transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out !important;
    transform: scale(0.1) !important; /* Başlangıçta küçük */
    opacity: 0 !important; /* Başlangıçta görünmez */
}

/* Popup Açıldığında */
.swal2-show {
    opacity: 1 !important; /* Görünür hale gelir */
    transform: scale(1) !important; /* Büyük olma etkisi */
}

/* Patlama Efekti için Hover veya Başka Durum */
.swal2-popup.swal2-show {
    animation: popEffect 0.1s ease-in-out !important; /* Patlama animasyonu */
}

/* Patlama Animasyonu */
@keyframes popEffect {
    0% {
        transform: scale(0.1) !important; /* Küçük başlar */
    }
    50% {
        transform: scale(0.5) !important; /* Biraz fazla büyür */
    }
    100% {
        transform: scale(1.1) !important; /* Sonunda normal boyut */
    }
}

.custom-form-select {
    /*--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2378829D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");*/
    display: block;
    width: 100%;
    padding: .775rem 1rem .775rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--bs-gray-700);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid var(--bs-gray-300);
    border-radius: .75rem;
    box-shadow: false;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-color: var(--bs-gray-100);
    border-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    transition: color .2s ease;
}