/* ==========================================================================
   Modern SweetAlert2 Custom Styling with Premium Fonts
   ========================================================================== */

/* وارد کردن فونت مدرن Inter از گوگل (اختیاری اما بسیار شیک) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

/* سایه نرم، گوشه‌های گرد مدرن و ابعاد پاپ‌آپ */
.modern-popup-shadow {
    width: 550px !important;
    padding: 2.5rem !important;
    border-radius: 16px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15) !important;
    background: #ffffff !important;
    
    /* اضافه کردن !important به تک‌تک فونت‌ها برای شکستن کش و استایل‌های موازی */
    font-family: 'Inter'!important, -apple-system!important, BlinkMacSystemFont!important, "Segoe UI"!important, Roboto!important, Helvetica!important, Arial!important, sans-serif !important;
}
/* عنوان بزرگ، ضخیم و با پرستیژ */
.modern-popup-title {
    font-size: 24px !important;
    font-weight: 700 !important; /* کاملاً بولد و شاخص */
    color: #0f172a !important; /* رنگ زغال‌سنگی تیره و بسیار مدرن */
    padding-top: 15px !important;
    letter-spacing: -0.02em !important; /* فشرده‌سازی ملایم حروف برای ظاهر مدرن‌تر */
}

/* استایل‌دهی به متن داخل پاپ‌آپ */
.modern-popup-content {
    font-size: 15px !important;
    font-weight: 400 !important; /* وزن نرم و خوانا */
    color: #475569 !important; /* خاکستری ملایم که چشم را خسته نمی‌کند */
    line-height: 1.8 !important;
    padding: 10px 20px !important;
}

/* مدرن کردن دکمه تایید تمام‌عرض */
.modern-popup-button {
    width: 100% !important;
    max-width: 200px !important;
    padding: 12px 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important; /* فونت نیمه‌ضخیم برای دکمه */
    border-radius: 8px !important;
    box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2) !important;
    transition: all 0.2s ease-in-out !important;
}

/* افکت هاور روی دکمه */
.modern-popup-button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 12px -2px rgba(37, 99, 235, 0.3) !important;
}