.elementor-1950 .elementor-element.elementor-element-79a7252d{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1950 .elementor-element.elementor-element-6710ff5{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1950 .elementor-element.elementor-element-dc94049{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-1950 .elementor-element.elementor-element-dc94049 > .elementor-widget-container{padding:0px 0px 12px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9A9A9A;}.elementor-1950 .elementor-element.elementor-element-dc94049.elementor-element{--align-self:center;}.elementor-1950 .elementor-element.elementor-element-dc94049 .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:21px;font-weight:900;color:#000000;}@media(max-width:1024px){.elementor-1950 .elementor-element.elementor-element-6710ff5{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;}}@media(max-width:767px){.elementor-1950 .elementor-element.elementor-element-6710ff5{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-1950 .elementor-element.elementor-element-dc94049 .elementor-heading-title{font-size:18px;}}/* Start custom CSS for shortcode, class: .elementor-element-447b4eb1 *//* ==================================================
   استایل اختصاصی فرم بازیابی رمز عبور (um-password)
   ================================================== */

/* ۱. تنظیم عرض و وسط‌چین کردن کل فرم */
.um-password {
    max-width: 450px !important;
    margin: 0 auto !important;
}

/* ۲. استایل متن توضیحات ("برای بازیابی رمز عبور...") */
.um-password .um-field-block {
    font-family: 'iranyekanwebregular', sans-serif !important;
    text-align: center !important;
    color: #444 !important;
    font-size: 14px !important;
    margin-bottom: 0px !important;
    line-height: 24px !important;
}

/* ۳. استایل فیلد ورودی (دقیقاً کپی استایل خودتان) */
.um-password .um-field-area input[type="text"] {
    background-color: #ffffff !important;
    border: none !important;
    outline: none !important;
    border-radius: 50px !important;
    padding: 16px 25px !important;
    font-family: 'iranyekanwebregular', sans-serif !important;
    font-size: 14px !important;
    color: #444 !important;
    text-align: right !important;
    
    /* همان سایه و افکت شما */
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.06) !important;
    transition:0.3s ease !important;
}

/* افکت هاور و فوکوس فیلد */
.um-password .um-field-area input[type="text"]:focus {
    box-shadow: none !important;
    background-color: #f7f7f7 !important;
    transition: 0.3s;
}

/* ۴. استایل دکمه "بازیابی رمز عبور" (دقیقاً کپی استایل خودتان) */
.um-password .um-button {
    width: 100% !important;
    border-radius: 50px !important;
    padding: 15px 0 !important;
    font-family: 'iranyekanwebregular', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    background: #111 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 0px 12px -8px rgba(0,0,0,0.50) !important;
    transition: 0.3s ease !important;
}

/* افکت هاور دکمه */
.um-password .um-button:hover {
    box-shadow: none;
    transform: none !important;
}

/* ۵. حذف فاصله‌های اضافی پایین دکمه */
.um-password .um-col-alt {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* ==================================================
   بخش ارورهای مدرن و شناور (بدون جابجایی فیلد)
   ================================================== */

/* ۱. حذف فلش زشت پیش‌فرض */
.um-field-arrow { 
    display: none !important; 
}

/* ۲. استایل کانتینر ارور */
.um-field-error {
    /* موقعیت‌دهی مطلق برای اینکه فضا اشغال نکند */
    position: absolute !important;
    bottom: -22px !important; /* فاصله دقیق از پایین فیلد */
    right: 15px !important;   /* فاصله از راست (هم‌تراز با متن داخل فیلد) */
    z-index: 100 !important;
    
    /* حذف استایل‌های پیش‌فرض جعبه‌ای */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
       font-family: 'iranyekanwebregular';
    /* تایپوگرافی */
    color: #ff3b30 !important; /* قرمز اپل (بسیار خوش‌رنگ) */
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    
    /* انیمیشن ورود */
    animation: errorSlideUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;
}

/* ۳. آیکون هشدار کوچک کنار متن (با CSS ساخته شده) */
.um-field-error::before {
    content: '!';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #ff3b30;
    color: white;
    border-radius: 50%; /* دایره کامل */
    text-align: center;
    line-height: 15px; /* تنظیم وسط‌چین عمودی */
    font-size: 10px;
    font-weight: bold;
    margin-left: 5px; /* فاصله آیکون از متن */
    vertical-align: middle;
}

/* ۴. قرمز کردن بوردر فیلدی که خطا دارد */
/* نکته: این کلاس را خود افزونه وقتی ارور هست به کانتینر اضافه میکنه */
.um-field-error ~ .um-field-area input {
    border: 1px solid #ff3b30 !important;
    box-shadow: 0 0 0 3px rgba(255, 59, 48, 0.1) !important; /* هاله قرمز خیلی محو */
}

/* ۵. انیمیشن جذاب برای ظاهر شدن */
@keyframes errorSlideUp {
    from {
        opacity: 0;
        transform: translateY(-5px); /* از کمی بالاتر میاد */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* تنظیم موبایل برای اطمینان از خوانایی */
@media (max-width: 767px) {
    .um-field-error {
        font-size: 10px !important;
        bottom: -20px !important;
    }
}
/* ==================================================
   ریسپانسیو فقط برای فونت‌ها (بدون هیچ تغییر دیگر)
   ================================================== */

/* موبایل */
@media (max-width: 767px) {

    /* متن توضیحات */
    .um-password .um-field-block {
        font-size: 12px !important;
        line-height: 22px !important;
    }

    /* فیلد ورودی */
    .um-password .um-field-area input[type="text"] {
        font-size: 13px !important;
    }

    /* دکمه */
    .um-password .um-button {
        font-size: 14px !important;
    }

    /* متن ارور */
    .um-field-error {
        font-size: 10px !important;
    }
}

/* تبلت */
@media (max-width: 1024px) {

    /* متن توضیحات */
    .um-password .um-field-block {
        font-size: 13px !important;
        line-height: 23px !important;
    }

    /* فیلد ورودی */
    .um-password .um-field-area input[type="text"] {
        font-size: 13.5px !important;
    }

    /* دکمه */
    .um-password .um-button {
        font-size: 15px !important;
    }

    /* متن ارور */
    .um-field-error {
        font-size: 11px !important;
    }
}/* End custom CSS */