.elementor-588 .elementor-element.elementor-element-57c733c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-588 .elementor-element.elementor-element-57c733c:not(.elementor-motion-effects-element-type-background), .elementor-588 .elementor-element.elementor-element-57c733c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-588 .elementor-element.elementor-element-ab20bff{--display:flex;}.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-588 .elementor-element.elementor-element-19cbe03{text-align:center;}.elementor-588 .elementor-element.elementor-element-19cbe03 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#00E5FF;}.elementor-588 .elementor-element.elementor-element-3b72e09{--display:flex;}.elementor-588 .elementor-element.elementor-element-a445a31{text-align:center;}.elementor-588 .elementor-element.elementor-element-a445a31 .elementor-heading-title{color:#00E5FF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-588 .elementor-element.elementor-element-57c733c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-588 .elementor-element.elementor-element-57c733c{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-482e438 *//* استایل کلی برای فرم‌ها */
.um-form {
    background: #1a1a1a; /* پس‌زمینه تیره مشابه صفحه اصلی */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.1); /* سایه با رنگ آبی روشن */
    border: 1px solid #00d4ff; /* حاشیه آبی روشن */
}

/* استایل برای فیلدهای ورودی */
.um-field .um-field-area input,
.um-field .um-field-area select {
    background: #2a2a2a; /* پس‌زمینه کمی روشن‌تر برای فیلدها */
    color: #fff; /* رنگ متن سفید */
    border: 1px solid #00d4ff; /* حاشیه آبی */
    border-radius: 5px;
    padding: 10px;
    transition: all 0.3s ease;
}

.um-field .um-field-area input:focus,
.um-field .um-field-area select:focus {
    border-color: #00b7eb; /* تغییر رنگ حاشیه هنگام فوکوس */
    box-shadow: 0 0 8px rgba(0, 183, 235, 0.3);
    outline: none;
}

/* استایل برای برچسب‌ها */
.um-field-label {
    color: #00d4ff; /* رنگ آبی روشن برای برچسب‌ها */
    font-weight: 500;
    margin-bottom: 5px;
}

/* استایل برای دکمه‌ها */
.um-button {
    background: #00d4ff; /* رنگ آبی روشن برای دکمه */
    color: #1a1a1a; /* رنگ متن تیره */
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.um-button:hover {
    background: #00b7eb; /* رنگ کمی تیره‌تر هنگام هاور */
    box-shadow: 0 0 10px rgba(0, 183, 235, 0.5);
}

/* استایل برای چک‌باکس‌ها */
.um-field-checkbox label {
    color: #fff; /* رنگ متن سفید */
}

.um-field-checkbox input[type="checkbox"] {
    accent-color: #00d4ff; /* رنگ چک‌باکس */
}

/* استایل برای لینک‌ها (مانند Forget your password?) */
.um a {
    color: #00d4ff; /* رنگ آبی روشن */
    text-decoration: none;
}

.um a:hover {
    color: #00b7eb;
    text-decoration: underline;
}

/* فاصله‌گذاری بین بخش‌ها */
.um-col-1, .um-col-2 {
    margin-bottom: 20px;
}

/* استایل برای عنوان‌ها (Register Now و Log in Here) */
.um-register .um-form-heading,
.um-login .um-form-heading {
    color: #00d4ff;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}
/* اصلاح رنگ فیلدهای تقویم - مخصوص سال و ماه در Ultimate Member */
.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month {
    color: #000 !important;               /* متن مشکی */
    background-color: #fff !important;    /* پس‌زمینه سفید */
    border: 1px solid #444 !important;    /* کادر واضح */
}

/* اصلاح رنگ سال‌ها و ماه‌ها در تقویم */
.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month {
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    padding: 5px !important;
    height: auto !important;
}

/* برای آیتم‌های لیست در سلکت */
.ui-datepicker select {
    color: #000 !important;
    background-color: #fff !important;
}

/* استایل گزینه‌های انتخابی هنگام باز شدن منو */
select option {
    background-color: #fff !important;
    color: #000 !important;
}

/* برای برخی مرورگرها مثل Chrome/Edge که dropdown سال را با استایل جداگانه نمایش می‌دهند */
select:focus {
    outline: none !important;
    box-shadow: 0 0 2px 1px #00ccff !important;
}
.picker__select--year,
.picker__select--month {
    color: #000 !important; /* رنگ متن را به سیاه تغییر می‌دهد */
    background-color: #fff !important; /* پس‌زمینه را سفید نگه می‌دارد */
    border: 1px solid #444 !important; /* کادر واضح */
}
.picker__select--year {
    margin-left: auto !important; /* جابه‌جایی به سمت راست */
    display: inline-block; /* اطمینان از نمایش صحیح */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-450ded7 *//* استایل کلی برای فرم‌ها */
.um-form {
    background: #1a1a1a; /* پس‌زمینه تیره مشابه صفحه اصلی */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.1); /* سایه با رنگ آبی روشن */
    border: 1px solid #00d4ff; /* حاشیه آبی روشن */
}

/* استایل برای فیلدهای ورودی */
.um-field .um-field-area input,
.um-field .um-field-area select {
    background: #2a2a2a; /* پس‌زمینه کمی روشن‌تر برای فیلدها */
    color: #fff; /* رنگ متن سفید */
    border: 1px solid #00d4ff; /* حاشیه آبی */
    border-radius: 5px;
    padding: 10px;
    transition: all 0.3s ease;
}

.um-field .um-field-area input:focus,
.um-field .um-field-area select:focus {
    border-color: #00b7eb; /* تغییر رنگ حاشیه هنگام فوکوس */
    box-shadow: 0 0 8px rgba(0, 183, 235, 0.3);
    outline: none;
}

/* استایل برای برچسب‌ها */
.um-field-label {
    color: #00d4ff; /* رنگ آبی روشن برای برچسب‌ها */
    font-weight: 500;
    margin-bottom: 5px;
}

/* استایل برای دکمه‌ها */
.um-button {
    background: #00d4ff; /* رنگ آبی روشن برای دکمه */
    color: #1a1a1a; /* رنگ متن تیره */
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.um-button:hover {
    background: #00b7eb; /* رنگ کمی تیره‌تر هنگام هاور */
    box-shadow: 0 0 10px rgba(0, 183, 235, 0.5);
}

/* استایل برای چک‌باکس‌ها */
.um-field-checkbox label {
    color: #fff; /* رنگ متن سفید */
}

.um-field-checkbox input[type="checkbox"] {
    accent-color: #00d4ff; /* رنگ چک‌باکس */
}

/* استایل برای لینک‌ها (مانند Forget your password?) */
.um a {
    color: #00d4ff; /* رنگ آبی روشن */
    text-decoration: none;
}

.um a:hover {
    color: #00b7eb;
    text-decoration: underline;
}

/* فاصله‌گذاری بین بخش‌ها */
.um-col-1, .um-col-2 {
    margin-bottom: 20px;
}

/* استایل برای عنوان‌ها (Register Now و Log in Here) */
.um-register .um-form-heading,
.um-login .um-form-heading {
    color: #00d4ff;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}/* End custom CSS */