/* --- استایل دکمه اصلی (بیرون مودال) --- */
#mirasnegar-open-modal-btn {
    width: 100%; /* عرض کامل */
    box-sizing: border-box; /* محاسبه پدینگ و بوردر در عرض کلی */
    margin-bottom: 15px; /* کمی فاصله از پایین (اختیاری) */
}

/* --- استایل دکمه اصلی و دکمه ارسال فرم --- */
.mirasnegar-main-button {
    background-color: #FFD966; /* رنگ پس‌زمینه زرد */
    color: #333333;           /* رنگ متن تیره */
    border: none;             /* بدون حاشیه */
    border-radius: 6px;       /* گوشه‌های گرد */
    padding: 12px 20px;       /* فاصله داخلی (کمی بزرگتر) */
    font-size: 16px;          /* اندازه فونت */
    cursor: pointer;          /* نشانگر ماوس */
    transition: background-color 0.3s ease; /* انیمیشن تغییر رنگ */
    font-family: inherit; /* استفاده از فونت پیش‌فرض سایت */
    font-weight: normal; /* وزن فونت regular */
    text-align: center; /* متن دکمه وسط چین */
}

.mirasnegar-main-button:hover {
    background-color: #fccd4d; /* کمی تیره‌تر هنگام هاور */
}

/* --- استایل مودال پاپ آپ --- */
.mirasnegar-modal-overlay {
    position: fixed;          /* موقعیت ثابت نسبت به نمایشگر */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* پس‌زمینه نیمه‌شفاف تیره */
    z-index: 99999;           /* بالاترین لایه */
    display: flex;            /* برای وسط‌چین کردن محتوا */
    justify-content: center;  /* وسط‌چین افقی */
    align-items: center;      /* وسط‌چین عمودی */
    opacity: 0;               /* شروع با حالت شفاف */
    visibility: hidden;       /* شروع با حالت مخفی */
    transition: opacity 0.5s ease, visibility 0s linear 0.5s; /* انیمیشن محو شدن */
}

.mirasnegar-modal-overlay.fade-in {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease, visibility 0s linear 0s;
}

.mirasnegar-modal-content {
    background-color: #ffffff; /* پس‌زمینه سفید */
    padding: 30px 40px;       /* فاصله داخلی */
    border-radius: 8px;       /* گوشه‌های گرد */
    max-width: 500px;         /* حداکثر عرض محتوا */
    width: 90%;               /* عرض در صفحات کوچکتر */
    position: relative;       /* برای موقعیت‌دهی دکمه بستن */
    box-shadow: 0 5px 15px rgba(0,0,0,0.2); /* سایه */
    text-align: right; /* راست‌چین کردن محتوا */
    direction: rtl; /* تعیین جهت راست به چپ */
}

/* تنظیم وزن فونت برای تمام المان‌های داخل مودال */
.mirasnegar-modal-content,
.mirasnegar-modal-content * { /* شامل خود کانتینر و تمام فرزندان */
     font-weight: normal !important; /* وزن فونت regular - استفاده از important برای اطمینان */
}
.mirasnegar-modal-content h2 {
     margin-top: 0;
     margin-bottom: 25px;
     color: #333;
     text-align: center;
     font-size: 22px; /* کمی اندازه فونت عنوان را تنظیم کنیم */
}


/* --- استایل دکمه بستن مودال --- */
.mirasnegar-close-button {
    position: absolute;       /* موقعیت مطلق نسبت به کانتینر */
    top: 10px;
    left: 10px; /* تغییر به left برای موقعیت بالا-چپ در حالت RTL */
    background-color: #FF0000; /* رنگ پس‌زمینه قرمز */
    color: #FFFFFF;           /* رنگ آیکون (متن) سفید */
    border: none;
    border-radius: 6px;       /* گوشه‌های گرد */
    width: 30px;
    height: 30px;
    font-size: 24px; /* کمی بزرگتر برای وضوح */
    line-height: 30px;        /* برای وسط‌چین کردن عمودی متن */
    text-align: center;       /* وسط‌چین کردن افقی متن */
    cursor: pointer;
    font-weight: normal; /* اطمینان از وزن نرمال */
    padding: 0;
}

.mirasnegar-close-button:hover {
    background-color: #cc0000; /* کمی تیره‌تر هنگام هاور */
}

/* --- استایل فرم --- */
.mirasnegar-form-field {
    margin-bottom: 15px;
}

.mirasnegar-form-field label {
    display: block;
    margin-bottom: 5px;
    /* font-weight: bold; -> حذف شد */
    color: #555;
}

.mirasnegar-form-field input[type="text"],
.mirasnegar-form-field input[type="tel"], /* type=tel حفظ شد */
.mirasnegar-form-field textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* محاسبه پدینگ و بوردر در عرض کلی */
    font-family: inherit;
    direction: rtl; /* اطمینان از جهت درست ورودی‌ها */
    font-weight: normal; /* وزن فونت نرمال برای ورودی‌ها */
}

/* استایل برای فیلد موبایل برای نمایش بهتر اعداد */
.mirasnegar-form-field input#mirasnegar-phone {
    direction: ltr; /* اعداد بهتر است چپ به راست نمایش داده شوند */
    text-align: right; /* اما مکان نما در سمت راست شروع شود */
}

.mirasnegar-form-field textarea {
    resize: vertical; /* اجازه تغییر اندازه عمودی */
}

.mirasnegar-submit-button {
    display: block; /* نمایش به صورت بلاک */
    width: 100%;    /* عرض کامل */
    margin-top: 20px;
    font-weight: normal; /* وزن نرمال برای دکمه ارسال */
}

.mirasnegar-ajax-loader {
    text-align: center;
    margin-top: 15px;
    color: #555;
    font-weight: normal;
}


/* --- استایل پیام موفقیت --- */
#mirasnegar-success-message {
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease;
    direction: rtl; /* جهت راست به چپ */
}

#mirasnegar-success-message.fade-in {
    opacity: 1;
}

#mirasnegar-success-message h2 {
    color: #28a745; /* رنگ سبز */
    margin-bottom: 10px;
    /* font-weight: normal !important; -> توسط * تنظیم شد */
}

#mirasnegar-success-message p {
    color: #333;
    margin-bottom: 8px;
    line-height: 1.6;
    /* font-weight: normal !important; -> توسط * تنظیم شد */
}

#mirasnegar-countdown {
    /* font-weight: bold; -> حذف شد */
    color: #dc3545; /* رنگ قرمز برای شمارنده */
}

/* استایل خطای فرم */
.mirasnegar-form-error {
    color: #dc3545; /* رنگ قرمز استاندارد خطا */
    margin-top: 10px;
    text-align: center;
    /* font-weight: bold; -> حذف شد */
    display: none; /* در ابتدا مخفی */
}

/* --- کلاس برای جلوگیری از اسکرول بدنه --- */
body.mirasnegar-modal-open-body {
    overflow: hidden;
}