.elementor-1957 .elementor-element.elementor-element-edeed51{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1957 .elementor-element.elementor-element-b8e1a10{--display:flex;--min-height:585px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1957 .elementor-element.elementor-element-3621dba{--display:flex;--justify-content:center;--border-radius:50px 50px 50px 50px;box-shadow:0px 0px 28px -16px rgba(0, 0, 0, 0.35);--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1957 .elementor-element.elementor-element-3621dba:not(.elementor-motion-effects-element-type-background), .elementor-1957 .elementor-element.elementor-element-3621dba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-1957 .elementor-element.elementor-element-3392c97{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-1957 .elementor-element.elementor-element-3392c97 > .elementor-widget-container{padding:0px 0px 12px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9A9A9A;}.elementor-1957 .elementor-element.elementor-element-3392c97.elementor-element{--align-self:center;}.elementor-1957 .elementor-element.elementor-element-3392c97 .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:21px;font-weight:900;color:#000000;}.elementor-1957 .elementor-element.elementor-element-1f35107 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1957 .elementor-element.elementor-element-e690631{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:50px 50px 50px 50px;box-shadow:0px 0px 28px -16px rgba(0, 0, 0, 0.35);--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1957 .elementor-element.elementor-element-e690631:not(.elementor-motion-effects-element-type-background), .elementor-1957 .elementor-element.elementor-element-e690631 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1957 .elementor-element.elementor-element-32f4305{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-1957 .elementor-element.elementor-element-32f4305 > .elementor-widget-container{padding:0px 0px 12px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9A9A9A;}.elementor-1957 .elementor-element.elementor-element-32f4305.elementor-element{--align-self:center;}.elementor-1957 .elementor-element.elementor-element-32f4305 .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:21px;font-weight:900;color:#000000;}.elementor-1957 .elementor-element.elementor-element-b49afce > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1957 .elementor-element.elementor-element-bf70075{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:12%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;--n-tabs-gap:40px;--n-tabs-title-transition:0.3s;}.elementor-1957 .elementor-element.elementor-element-bf70075 > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-1957 .elementor-element.elementor-element-bf70075{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;}}/* Start custom CSS for container, class: .elementor-element-e690631 *//* ==========================================================================
   طراحی نهایی فرم مک‌بوک استور (Apple Pro Style)
   شامل: استایل فیلدها، دکمه‌ها، تب‌ها، ارورهای داخلی و چیدمان دو ستونه
   ========================================================================== */

/* --------------------------------------------------
   1. تنظیمات پایه و کانتینر
   -------------------------------------------------- */
.um.um-login, .um.um-register {
    max-width: 460px !important;
    margin: 0 auto !important;
    opacity: 1 !important;
}

.um-form, input, .um-button, .um-field-label, .e-n-tab-title {
    font-family: 'iranyekanwebregular', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.um-form { padding: 0 !important; }
.um-row { margin-bottom: 25px !important; }

/* --------------------------------------------------
   2. استایل فیلدها (کپسولی)
   -------------------------------------------------- */
.um-field-area input[type="text"],
.um-field-area input[type="password"],
.um-field-area input[type="email"], 
.um-field-area input[type="tel"] {
    background-color: #fff !important;
    border: 1px solid #d2d2d7 !important; /* خاکستری متالیک */
    border-radius: 100px !important; /* کپسولی کامل */
    height: 56px !important;
    padding: 0 25px !important;
    
    font-size: 16px !important;
    color: #1d1d1f !important;
    font-weight: 500 !important;
    
    width: 100% !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    text-align: right !important;
    direction: rtl !important;
    outline: none !important;
}

/* فوکوس (آبی اپل) */
.um-field-area input:focus {
    border-color: #0071e3 !important;
    box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.1) !important;
    transform: translateY(-1px);
}

.um-field-area input::placeholder {
    color: #86868b !important;
    font-size: 14px !important;
    opacity: 0.7;
}

/* --------------------------------------------------
   3. لیبل و نقطه قرمز
   -------------------------------------------------- */
.um-field-label { margin-bottom: 10px !important; display: block !important; }
.um-field-label label { font-size: 14px !important; color: #1d1d1f !important; font-weight: 600 !important; margin-right: 10px !important; }

/* نقطه قرمز بجای ستاره */
.um-req {
    font-size: 0 !important;
    display: inline-block !important;
    width: 7px !important;
    height: 7px !important;
    background-color: #ff3b30 !important;
    border-radius: 50% !important;
    margin-right: 6px !important;
    position: relative; top: -2px;
}
@keyframes pulse-red { 0% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.4); } 70% { box-shadow: 0 0 0 5px rgba(255, 59, 48, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); } }
.um-field:focus-within .um-req { animation: pulse-red 1.5s infinite ease-out; }

/* --------------------------------------------------
   4. دکمه‌ها (فیکس شده - بدون تغییر ارتفاع)
   -------------------------------------------------- */
.um .um-button, 
.um input[type="submit"].um-button, 
.um input[type="submit"].um-button:focus, 
.um input[type="submit"].um-button:active {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 100px !important;
    
    /* فیکس کردن ابعاد */
    height: 54px !important; 
    line-height: 54px !important; /* تراز کردن متن در وسط ارتفاع */
    padding: 0 30px !important; /* حذف پدینگ بالا و پایین برای جلوگیری از تغییر سایز */
    
    font-size: 17px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer !important;
    margin-top: 15px !important;
    width: 100% !important;
    display: block !important;
    
    /* حذف افکت‌های پیش‌فرض مرورگر */
    outline: none !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    -webkit-appearance: none !important;
    vertical-align: middle !important;
    text-shadow: none !important;
}

/* حالت هاور (فقط کمی جابجایی عمقی بدون تغییر سایز) */
.um .um-button:hover, 
.um input[type="submit"].um-button:hover {
    background-color: #1a1a1a !important;
    transform: translateY(-2px) !important; /* حرکت بسیار نرم رو به بالا */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
}

/* حالت کلیک (Active) - جلوگیری از کوچک شدن */
.um .um-button:active, 
.um input[type="submit"].um-button:active {
    transform: translateY(0) !important; /* برگشت به سر جای اول هنگام کلیک */
    background-color: #333 !important;
}

/* --------------------------------------------------
   5. استایل ارورها (داخل فرم - شیک و مینیمال)
   -------------------------------------------------- */
/* حذف استایل‌های قدیمی */
.um-field-arrow { display: none !important; }

/* استایل جدید باکس ارور */
.um-field-error, .um-notice.err {
    position: relative !important; /* داخل جریان صفحه */
    width: 100% !important;
    margin: 8px 0 15px 0 !important;
    padding: 12px 15px !important;
    
    background-color: #fff2f2 !important; /* صورتی محو */
    color: #d8000c !important; /* قرمز تیره */
    border: 1px solid #ffcdd2 !important;
    border-radius: 12px !important;
    
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    text-align: right !important;
    box-shadow: none !important;
    animation: fadeInError 0.3s ease-in-out !important;
    box-sizing: border-box !important;
}

/* اصلاح آیکون ارورهای کلی */
.um-notice.err i {
    float: left !important;
    color: #d8000c !important;
    opacity: 0.7 !important;
    margin-top: 0px !important;
    cursor: pointer !important;
}

/* قرمز شدن فیلد دارای خطا */
.um-field-has-error input {
    border-color: #ff3b30 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(255, 59, 48, 0.1) !important;
}
.um-field-has-error { animation: none !important; }
@keyframes fadeInError { 0% { opacity: 0; transform: translateY(-5px); } 100% { opacity: 1; transform: translateY(0); } }

/* --------------------------------------------------
   6. چیدمان و ریسپانسیو (حل مشکل کلیک)
   -------------------------------------------------- */
/* نام و نام خانوادگی */
div.um-field[data-key="first_name"], 
div.um-field[data-key="last_name"] {
    width: 48% !important;
    float: right !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
    
    /* نکات کلیدی برای رفع مشکل کلیک */
    position: relative !important;
    z-index: 5 !important;
    min-height: 85px !important; /* رزرو ارتفاع */
}

div.um-field[data-key="first_name"] { margin-left: 4% !important; }

/* وادار کردن فیلدهای بعدی به پایین رفتن */
div.um-field[data-key="user_password"],
div.um-field[data-key="user_phone_number"],
div.um-field[data-key="user_email"] {
    clear: both !important;
    width: 100% !important;
    display: block !important;
}

@media (max-width: 600px) {
    div.um-field[data-key="first_name"], 
    div.um-field[data-key="last_name"] {
        width: 100% !important; margin-left: 0 !important; float: none !important; min-height: auto !important; margin-bottom: 20px !important;
    }
    .um.um-login, .um.um-register { padding: 0 20px !important; }
}

/* --------------------------------------------------
   7. تب‌های المنتور (ظاهر)
   -------------------------------------------------- */
.e-n-tabs-heading {
    display: inline-flex !important; justify-content: center !important;
    background-color: #f2f2f7 !important; padding: 4px !important;
    border-radius: 100px !important; width: fit-content !important;
    margin: 0 auto 40px auto !important; border: none !important;
}
.e-n-tab-title {
    background: transparent !important; color: #6e6e73 !important;
    padding: 10px 30px !important; border-radius: 100px !important; border: none !important;
    transition: all 0.3s ease !important;
}
.e-n-tab-title[aria-selected="true"] {
    background-color: #ffffff !important; color: #000000 !important; font-weight: 600 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12) !important;
}
.e-n-tabs-content { border: none !important; padding: 0 !important; }
@keyframes iosSlideUp { 0% { opacity: 0; transform: translateY(20px) scale(0.98); filter: blur(5px); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } }
.e-n-tabs-content > .e-con.e-active { animation: iosSlideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; }

/* جزئیات ریز */
.um-col-alt-b a { color: #86868b !important; text-decoration: none !important; }
.um-col-alt-b a:hover { color: #000 !important; }
.um-field-checkbox-state i { color: #d2d2d7 !important; }
.um-field-checkbox.active .um-field-checkbox-state i { color: #000 !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e690631 *//* ==========================================================================
   طراحی نهایی فرم مک‌بوک استور (Apple Pro Style)
   شامل: استایل فیلدها، دکمه‌ها، تب‌ها، ارورهای داخلی و چیدمان دو ستونه
   ========================================================================== */

/* --------------------------------------------------
   1. تنظیمات پایه و کانتینر
   -------------------------------------------------- */
.um.um-login, .um.um-register {
    max-width: 460px !important;
    margin: 0 auto !important;
    opacity: 1 !important;
}

.um-form, input, .um-button, .um-field-label, .e-n-tab-title {
    font-family: 'iranyekanwebregular', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.um-form { padding: 0 !important; }
.um-row { margin-bottom: 25px !important; }

/* --------------------------------------------------
   2. استایل فیلدها (کپسولی)
   -------------------------------------------------- */
.um-field-area input[type="text"],
.um-field-area input[type="password"],
.um-field-area input[type="email"], 
.um-field-area input[type="tel"] {
    background-color: #fff !important;
    border: 1px solid #d2d2d7 !important; /* خاکستری متالیک */
    border-radius: 100px !important; /* کپسولی کامل */
    height: 56px !important;
    padding: 0 25px !important;
    
    font-size: 16px !important;
    color: #1d1d1f !important;
    font-weight: 500 !important;
    
    width: 100% !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    text-align: right !important;
    direction: rtl !important;
    outline: none !important;
}

/* فوکوس (آبی اپل) */
.um-field-area input:focus {
    border-color: #0071e3 !important;
    box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.1) !important;
    transform: translateY(-1px);
}

.um-field-area input::placeholder {
    color: #86868b !important;
    font-size: 14px !important;
    opacity: 0.7;
}

/* --------------------------------------------------
   3. لیبل و نقطه قرمز
   -------------------------------------------------- */
.um-field-label { margin-bottom: 10px !important; display: block !important; }
.um-field-label label { font-size: 14px !important; color: #1d1d1f !important; font-weight: 600 !important; margin-right: 10px !important; }

/* نقطه قرمز بجای ستاره */
.um-req {
    font-size: 0 !important;
    display: inline-block !important;
    width: 7px !important;
    height: 7px !important;
    background-color: #ff3b30 !important;
    border-radius: 50% !important;
    margin-right: 6px !important;
    position: relative; top: -2px;
}
@keyframes pulse-red { 0% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.4); } 70% { box-shadow: 0 0 0 5px rgba(255, 59, 48, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); } }
.um-field:focus-within .um-req { animation: pulse-red 1.5s infinite ease-out; }

/* --------------------------------------------------
   4. دکمه‌ها (فیکس شده - بدون تغییر ارتفاع)
   -------------------------------------------------- */
.um .um-button, 
.um input[type="submit"].um-button, 
.um input[type="submit"].um-button:focus, 
.um input[type="submit"].um-button:active {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 100px !important;
    
    /* فیکس کردن ابعاد */
    height: 54px !important; 
    line-height: 54px !important; /* تراز کردن متن در وسط ارتفاع */
    padding: 0 30px !important; /* حذف پدینگ بالا و پایین برای جلوگیری از تغییر سایز */
    
    font-size: 17px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer !important;
    margin-top: 15px !important;
    width: 100% !important;
    display: block !important;
    
    /* حذف افکت‌های پیش‌فرض مرورگر */
    outline: none !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    -webkit-appearance: none !important;
    vertical-align: middle !important;
    text-shadow: none !important;
}

/* حالت هاور (فقط کمی جابجایی عمقی بدون تغییر سایز) */
.um .um-button:hover, 
.um input[type="submit"].um-button:hover {
    background-color: #1a1a1a !important;
    transform: translateY(-2px) !important; /* حرکت بسیار نرم رو به بالا */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
}

/* حالت کلیک (Active) - جلوگیری از کوچک شدن */
.um .um-button:active, 
.um input[type="submit"].um-button:active {
    transform: translateY(0) !important; /* برگشت به سر جای اول هنگام کلیک */
    background-color: #333 !important;
}

/* --------------------------------------------------
   5. استایل ارورها (داخل فرم - شیک و مینیمال)
   -------------------------------------------------- */
/* حذف استایل‌های قدیمی */
.um-field-arrow { display: none !important; }

/* استایل جدید باکس ارور */
.um-field-error, .um-notice.err {
    position: relative !important; /* داخل جریان صفحه */
    width: 100% !important;
    margin: 8px 0 15px 0 !important;
    padding: 12px 15px !important;
    
    background-color: #fff2f2 !important; /* صورتی محو */
    color: #d8000c !important; /* قرمز تیره */
    border: 1px solid #ffcdd2 !important;
    border-radius: 12px !important;
    
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    text-align: right !important;
    box-shadow: none !important;
    animation: fadeInError 0.3s ease-in-out !important;
    box-sizing: border-box !important;
}

/* اصلاح آیکون ارورهای کلی */
.um-notice.err i {
    float: left !important;
    color: #d8000c !important;
    opacity: 0.7 !important;
    margin-top: 0px !important;
    cursor: pointer !important;
}

/* قرمز شدن فیلد دارای خطا */
.um-field-has-error input {
    border-color: #ff3b30 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(255, 59, 48, 0.1) !important;
}
.um-field-has-error { animation: none !important; }
@keyframes fadeInError { 0% { opacity: 0; transform: translateY(-5px); } 100% { opacity: 1; transform: translateY(0); } }

/* --------------------------------------------------
   6. چیدمان و ریسپانسیو (حل مشکل کلیک)
   -------------------------------------------------- */
/* نام و نام خانوادگی */
div.um-field[data-key="first_name"], 
div.um-field[data-key="last_name"] {
    width: 48% !important;
    float: right !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
    
    /* نکات کلیدی برای رفع مشکل کلیک */
    position: relative !important;
    z-index: 5 !important;
    min-height: 85px !important; /* رزرو ارتفاع */
}

div.um-field[data-key="first_name"] { margin-left: 4% !important; }

/* وادار کردن فیلدهای بعدی به پایین رفتن */
div.um-field[data-key="user_password"],
div.um-field[data-key="user_phone_number"],
div.um-field[data-key="user_email"] {
    clear: both !important;
    width: 100% !important;
    display: block !important;
}

@media (max-width: 600px) {
    div.um-field[data-key="first_name"], 
    div.um-field[data-key="last_name"] {
        width: 100% !important; margin-left: 0 !important; float: none !important; min-height: auto !important; margin-bottom: 20px !important;
    }
    .um.um-login, .um.um-register { padding: 0 20px !important; }
}

/* --------------------------------------------------
   7. تب‌های المنتور (ظاهر)
   -------------------------------------------------- */
.e-n-tabs-heading {
    display: inline-flex !important; justify-content: center !important;
    background-color: #f2f2f7 !important; padding: 4px !important;
    border-radius: 100px !important; width: fit-content !important;
    margin: 0 auto 40px auto !important; border: none !important;
}
.e-n-tab-title {
    background: transparent !important; color: #6e6e73 !important;
    padding: 10px 30px !important; border-radius: 100px !important; border: none !important;
    transition: all 0.3s ease !important;
}
.e-n-tab-title[aria-selected="true"] {
    background-color: #ffffff !important; color: #000000 !important; font-weight: 600 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12) !important;
}
.e-n-tabs-content { border: none !important; padding: 0 !important; }
@keyframes iosSlideUp { 0% { opacity: 0; transform: translateY(20px) scale(0.98); filter: blur(5px); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } }
.e-n-tabs-content > .e-con.e-active { animation: iosSlideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; }

/* جزئیات ریز */
.um-col-alt-b a { color: #86868b !important; text-decoration: none !important; }
.um-col-alt-b a:hover { color: #000 !important; }
.um-field-checkbox-state i { color: #d2d2d7 !important; }
.um-field-checkbox.active .um-field-checkbox-state i { color: #000 !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e690631 *//* ==========================================================================
   طراحی نهایی فرم مک‌بوک استور (Apple Pro Style)
   شامل: استایل فیلدها، دکمه‌ها، تب‌ها، ارورهای داخلی و چیدمان دو ستونه
   ========================================================================== */

/* --------------------------------------------------
   1. تنظیمات پایه و کانتینر
   -------------------------------------------------- */
.um.um-login, .um.um-register {
    max-width: 460px !important;
    margin: 0 auto !important;
    opacity: 1 !important;
}

.um-form, input, .um-button, .um-field-label, .e-n-tab-title {
    font-family: 'iranyekanwebregular', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.um-form { padding: 0 !important; }
.um-row { margin-bottom: 25px !important; }

/* --------------------------------------------------
   2. استایل فیلدها (کپسولی)
   -------------------------------------------------- */
.um-field-area input[type="text"],
.um-field-area input[type="password"],
.um-field-area input[type="email"], 
.um-field-area input[type="tel"] {
    background-color: #fff !important;
    border: 1px solid #d2d2d7 !important; /* خاکستری متالیک */
    border-radius: 100px !important; /* کپسولی کامل */
    height: 56px !important;
    padding: 0 25px !important;
    
    font-size: 16px !important;
    color: #1d1d1f !important;
    font-weight: 500 !important;
    
    width: 100% !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    text-align: right !important;
    direction: rtl !important;
    outline: none !important;
}

/* فوکوس (آبی اپل) */
.um-field-area input:focus {
    border-color: #0071e3 !important;
    box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.1) !important;
    transform: translateY(-1px);
}

.um-field-area input::placeholder {
    color: #86868b !important;
    font-size: 14px !important;
    opacity: 0.7;
}

/* --------------------------------------------------
   3. لیبل و نقطه قرمز
   -------------------------------------------------- */
.um-field-label { margin-bottom: 10px !important; display: block !important; }
.um-field-label label { font-size: 14px !important; color: #1d1d1f !important; font-weight: 600 !important; margin-right: 10px !important; }

/* نقطه قرمز بجای ستاره */
.um-req {
    font-size: 0 !important;
    display: inline-block !important;
    width: 7px !important;
    height: 7px !important;
    background-color: #ff3b30 !important;
    border-radius: 50% !important;
    margin-right: 6px !important;
    position: relative; top: -2px;
}
@keyframes pulse-red { 0% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.4); } 70% { box-shadow: 0 0 0 5px rgba(255, 59, 48, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); } }
.um-field:focus-within .um-req { animation: pulse-red 1.5s infinite ease-out; }

/* --------------------------------------------------
   4. دکمه‌ها (فیکس شده - بدون تغییر ارتفاع)
   -------------------------------------------------- */
.um .um-button, 
.um input[type="submit"].um-button, 
.um input[type="submit"].um-button:focus, 
.um input[type="submit"].um-button:active {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 100px !important;
    
    /* فیکس کردن ابعاد */
    height: 54px !important; 
    line-height: 54px !important; /* تراز کردن متن در وسط ارتفاع */
    padding: 0 30px !important; /* حذف پدینگ بالا و پایین برای جلوگیری از تغییر سایز */
    
    font-size: 17px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer !important;
    margin-top: 15px !important;
    width: 100% !important;
    display: block !important;
    
    /* حذف افکت‌های پیش‌فرض مرورگر */
    outline: none !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    -webkit-appearance: none !important;
    vertical-align: middle !important;
    text-shadow: none !important;
}

/* حالت هاور (فقط کمی جابجایی عمقی بدون تغییر سایز) */
.um .um-button:hover, 
.um input[type="submit"].um-button:hover {
    background-color: #1a1a1a !important;
    transform: translateY(-2px) !important; /* حرکت بسیار نرم رو به بالا */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
}

/* حالت کلیک (Active) - جلوگیری از کوچک شدن */
.um .um-button:active, 
.um input[type="submit"].um-button:active {
    transform: translateY(0) !important; /* برگشت به سر جای اول هنگام کلیک */
    background-color: #333 !important;
}

/* --------------------------------------------------
   5. استایل ارورها (داخل فرم - شیک و مینیمال)
   -------------------------------------------------- */
/* حذف استایل‌های قدیمی */
.um-field-arrow { display: none !important; }

/* استایل جدید باکس ارور */
.um-field-error, .um-notice.err {
    position: relative !important; /* داخل جریان صفحه */
    width: 100% !important;
    margin: 8px 0 15px 0 !important;
    padding: 12px 15px !important;
    
    background-color: #fff2f2 !important; /* صورتی محو */
    color: #d8000c !important; /* قرمز تیره */
    border: 1px solid #ffcdd2 !important;
    border-radius: 12px !important;
    
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    text-align: right !important;
    box-shadow: none !important;
    animation: fadeInError 0.3s ease-in-out !important;
    box-sizing: border-box !important;
}

/* اصلاح آیکون ارورهای کلی */
.um-notice.err i {
    float: left !important;
    color: #d8000c !important;
    opacity: 0.7 !important;
    margin-top: 0px !important;
    cursor: pointer !important;
}

/* قرمز شدن فیلد دارای خطا */
.um-field-has-error input {
    border-color: #ff3b30 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(255, 59, 48, 0.1) !important;
}
.um-field-has-error { animation: none !important; }
@keyframes fadeInError { 0% { opacity: 0; transform: translateY(-5px); } 100% { opacity: 1; transform: translateY(0); } }

/* --------------------------------------------------
   6. چیدمان و ریسپانسیو (حل مشکل کلیک)
   -------------------------------------------------- */
/* نام و نام خانوادگی */
div.um-field[data-key="first_name"], 
div.um-field[data-key="last_name"] {
    width: 48% !important;
    float: right !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
    
    /* نکات کلیدی برای رفع مشکل کلیک */
    position: relative !important;
    z-index: 5 !important;
    min-height: 85px !important; /* رزرو ارتفاع */
}

div.um-field[data-key="first_name"] { margin-left: 4% !important; }

/* وادار کردن فیلدهای بعدی به پایین رفتن */
div.um-field[data-key="user_password"],
div.um-field[data-key="user_phone_number"],
div.um-field[data-key="user_email"] {
    clear: both !important;
    width: 100% !important;
    display: block !important;
}

@media (max-width: 600px) {
    div.um-field[data-key="first_name"], 
    div.um-field[data-key="last_name"] {
        width: 100% !important; margin-left: 0 !important; float: none !important; min-height: auto !important; margin-bottom: 20px !important;
    }
    .um.um-login, .um.um-register { padding: 0 20px !important; }
}

/* --------------------------------------------------
   7. تب‌های المنتور (ظاهر)
   -------------------------------------------------- */
.e-n-tabs-heading {
    display: inline-flex !important; justify-content: center !important;
    background-color: #f2f2f7 !important; padding: 4px !important;
    border-radius: 100px !important; width: fit-content !important;
    margin: 0 auto 40px auto !important; border: none !important;
}
.e-n-tab-title {
    background: transparent !important; color: #6e6e73 !important;
    padding: 10px 30px !important; border-radius: 100px !important; border: none !important;
    transition: all 0.3s ease !important;
}
.e-n-tab-title[aria-selected="true"] {
    background-color: #ffffff !important; color: #000000 !important; font-weight: 600 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12) !important;
}
.e-n-tabs-content { border: none !important; padding: 0 !important; }
@keyframes iosSlideUp { 0% { opacity: 0; transform: translateY(20px) scale(0.98); filter: blur(5px); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } }
.e-n-tabs-content > .e-con.e-active { animation: iosSlideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; }

/* جزئیات ریز */
.um-col-alt-b a { color: #86868b !important; text-decoration: none !important; }
.um-col-alt-b a:hover { color: #000 !important; }
.um-field-checkbox-state i { color: #d2d2d7 !important; }
.um-field-checkbox.active .um-field-checkbox-state i { color: #000 !important; }/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-bf70075 *//* ==================================================
   تعمیر و بازسازی تب‌ها (Apple Segmented Control)
   ================================================== */

/* 1. کانتینر اصلی دکمه‌ها (اصلاح شده برای جلوگیری از غیب شدن) */
.e-n-tabs-heading {
    display: inline-flex !important; /* نمایش خطی برای فیت شدن عرض */
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    
    background-color: #f2f2f7 !important; /* رنگ زمینه طوسی اپل */
    padding: 4px !important;
    border-radius: 100px !important;
    
    /* وسط چین کردن ایمن */
    width: fit-content !important;
    margin: 0 auto 40px auto !important; 
    
    border: none !important;
    position: relative !important;
    z-index: 10 !important; /* اولویت نمایش بالا */
}

/* 2. خود دکمه‌ها (متن‌ها) */
.e-n-tab-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    background-color: transparent !important; /* پس زمینه شفاف */
    color: #6e6e73 !important; /* رنگ متن غیرفعال */
    
    padding: 7px 32px !important; /* فضای دور متن */
    margin: 0 !important;
    border-radius: 100px !important;
    border: none !important;
    
    font-family: 'iranyekanwebregular', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* متن داخل دکمه */
.e-n-tab-title-text {
    position: relative !important;
    z-index: 2 !important;
}

/* هاور دکمه‌های غیرفعال */
.e-n-tab-title:not([aria-selected="true"]):hover {
    color: #000 !important;
    background-color: rgba(0,0,0,0.05) !important;
}

/* 3. دکمه فعال (جادوی سفید) */
.e-n-tab-title[aria-selected="true"] {
    background-color: #ffffff !important; /* سفید شدن دکمه فعال */
    color: #000000 !important; /* مشکی شدن متن */
    font-weight: 600 !important;
    
    /* سایه نرم اپل */
    box-shadow: 0px 0px 18px -3px rgba(0, 0, 0, 0.12) !important;
    
    animation: popButton 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

@keyframes popButton {
    0% { transform: scale(0.95); }
    100% { transform: scale(1); }
}

/* 4. حذف خطوط مزاحم کانتینر محتوا */
.e-n-tabs-content {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* ==================================================
   انیمیشن تغییر محتوا (فید، بلور و حرکت)
   ================================================== */

@keyframes iosSlideUp {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(0.98);
        filter: blur(5px); /* تاری در شروع */
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

/* اعمال انیمیشن روی محتوای تب فعال */
.e-n-tabs-content > .e-con.e-active {
    animation: iosSlideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important; /* اطمینان از نمایش محتوا */
}

/* مخفی کردن تب‌های غیرفعال */
.e-n-tabs-content > .e-con:not(.e-active) {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8e1a10 *//* ==================================================
   استایل ارورها: داخل فرم + مینیمال و شیک
   ================================================== */

/* 1. تنظیمات مشترک برای همه ارورها (کلی و فیلد) */
.um-field-error, 
.um-notice.err {
    /* موقعیت‌دهی: داخل جریان صفحه (ثابت نباشد) */
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    
    /* ابعاد و فاصله */
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 15px 0 !important; /* فاصله از فیلد بالا و پایین */
    padding: 12px 15px !important;
    
    /* رنگ‌بندی: زمینه صورتی خیلی ملایم + متن قرمز تیره */
    background-color: #fff2f2 !important; 
    color: #d8000c !important; 
    border: 1px solid #ffcdd2 !important; /* بوردر خیلی ظریف */
    
    /* ظاهر: گردی گوشه‌ها هماهنگ با اینپوت‌ها */
    border-radius: 12px !important;
    
    /* تایپوگرافی */
    font-family: 'iranyekanwebregular', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    text-align: right !important; /* راست‌چین برای فارسی */
    
    /* حذف سایه‌های مزاحم */
    box-shadow: none !important;
    
    /* انیمیشن نرم ظاهر شدن */
    animation: fadeInError 0.3s ease-in-out !important;
    box-sizing: border-box !important;
}

/* 2. حذف فلش‌های مثلثی قدیمی */
.um-field-arrow {
    display: none !important;
}

/* 3. تنظیم آیکون ضربدر (بستن) در ارورهای کلی */
.um-notice.err i {
    float: left !important; /* آیکون برود سمت چپ */
    cursor: pointer !important;
    color: #d8000c !important;
    opacity: 0.7 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    transition: opacity 0.2s !important;
    position: relative !important;
    top: 2px !important;
}

.um-notice.err i:hover {
    opacity: 1 !important;
}

/* 4. اصلاح متن داخل ارور فیلد */
.um-field-error span {
    display: inline-block !important;
    width: 100% !important;
}

/* 5. استایل فیلدی که خطا دارد (قرمز شدن کادر) */
.um-field-has-error input {
    border-color: #ff3b30 !important; /* قرمز اپل */
    background-color: #fff !important;
    /* یک سایه قرمز خیلی ملایم دور فیلد */
    box-shadow: 0 0 0 3px rgba(255, 59, 48, 0.1) !important; 
}

/* حذف انیمیشن لرزش پیش‌فرض آلتیمیت ممبر */
.um-field-has-error {
    animation: none !important;
}

/* 6. انیمیشن اختصاصی ملایم */
@keyframes fadeInError {
    0% {
        opacity: 0;
        transform: translateY(-5px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */