/* تنسيقات نافذة SweetAlert */
.swal2-popup {
    font-size: 1rem !important;
    font-family: inherit !important;
    border-radius: 15px !important;
    padding: 2em !important;
}

.swal2-title {
    font-size: 1.5em !important;
    font-weight: bold !important;
    color: #0039a6 !important;
    margin-bottom: 15px !important;
}

.swal2-icon.swal2-success {
    border-color: #4CAF50 !important;
    color: #4CAF50 !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #4CAF50 !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(76, 175, 80, 0.3) !important;
}

.swal2-html-container {
    margin-top: 0 !important;
    overflow: hidden !important;
}

.swal2-styled.swal2-confirm {
    background-color: #1976d2 !important;
    border-radius: 50px !important;
    padding: 10px 32px !important;
    font-weight: bold !important;
}

/* الرسوم المتحركة للنافذة المنبثقة */
@keyframes confettiRain {
    0% {
        opacity: 1;
        margin-top: -100vh;
        margin-left: -200px;
    }
    100% {
        opacity: 0;
        margin-top: 100vh;
        margin-left: 200px;
    }
}

.confetti-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1000;
    pointer-events: none;
}

.confetti {
    position: absolute;
    width: 10px;
    height: 10px;
    opacity: 0.7;
    animation: confettiRain 5s linear infinite;
}

/* تصميم RTL خاص بنافذة SweetAlert */
.rtl-swal {
    direction: rtl !important;
    text-align: right !important;
}

.rtl-swal-title {
    direction: rtl !important;
    text-align: center !important;
}

.rtl-swal-content {
    direction: rtl !important;
    text-align: right !important;
}

/* تأثير إضافي لنافذة التهنئة */
.swal2-success-circular-line-left,
.swal2-success-circular-line-right,
.swal2-success-fix {
    background-color: transparent !important;
}

/* تأثيرات إضافية لنافذة النجاح */
.swal2-popup.congratulations {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important;
}

.rtl-text {
    direction: rtl;
    text-align: right;
    font-family: inherit;
}

/* تأثير زر الإغلاق */
.swal2-styled.swal2-confirm:hover {
    background-color: #0d47a1 !important;
    box-shadow: 0 5px 15px rgba(25, 118, 210, 0.4) !important;
    transform: translateY(-2px) !important;
}

.swal2-styled.swal2-confirm:active {
    transform: translateY(0px) !important;
}