/* CAPTCHA */ .content-main form .captcha__image-wrapper img { max-width: 100%; height: auto; display: block; margin-bottom: 8px; border-radius: 6px; border: 1px solid #ccc; } .content-main form fieldset.captcha { margin-bottom: 16px; padding: 15px; border: 1px solid #eee; border-radius: 8px; } /* مخفی کردن فیلد اسپم */ .content-main for .gender-textfield { display: none !important; }

.content-main form legend { display: block; width: auto; max-width: 100%; margin-bottom: .5rem; font-size: 1rem; line-height: inherit; color: inherit; white-space: normal; padding: 0 10px; border: 1px solid #dedede; border-radius: 6px; }


.field--name-user-picture{
	
	border: 1px solid #dedede;
    padding: 8px 7px 7px 0;
    border-radius: 9px;
    margin-bottom: 10px;
}

.captcha__description.description
{
    display: none;
}

.content-main #user-pass > p{
    display: none;
}

.content-main form.user-login-form .form-submit,
.content-main form.user-login-form input[type="submit"] {
    background-color: #0B8844;
    color: #fff;
}

.content-main form.user-login-form .form-submit:hover,
.content-main form.user-login-form input[type="submit"]:hover {
    background-color: #096F35; /* رنگ هاور */
}

.user-form .form-item:not(.js-form-type-checkbox) {
     border-bottom: 0; 
     margin-bottom: 0;
    padding-bottom: 0; 

}


@media (max-width: 991.98px) {
    .page-user-login .main-page, .page-user-register .main-page, .page-user-pass .main-page {
        margin-right: 10px;
        margin-left: 10px;
        padding: 10px 20px 20px;
    }
}

.password-strength__indicator {
    background-color: #0b8844;
}

label {display:none !important;}

.tooltip-icon::before {
    content: "\f05a";      /* کد Unicode FontAwesome */
    font-family: "FontAwesome"; /* فونت درست */
    font-weight: 900;      /* برای نسخه Pro یا Solid */
    display: inline-block;
    margin-left: 6px;      /* فاصله از متن label */
    vertical-align: middle;
    

    
}


/* ================== همه input ها ================== */
.content-main  .form-item input.form-text,
.content-main .form-item input.form-email,
.content-main  .form-item input.password-field,
.content-main  .form-item input.password-confirm,
.content-main  .form-item input.form-password,
.content-main  .form-item input[type="text"],
.content-main .form-item input[type="email"],
.content-main  .form-item input[type="password"] {
    width: 100%;
    padding: 12px 40px 12px 40px; /* padding راست و چپ برای آیکن‌ها */
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
    box-sizing: border-box;
    transition: border-color 0.3s, box-shadow 0.3s;
    margin-bottom: 16px;
}

/* هنگام focus */
.content-main form .form-item input:focus {
    border-color: #4A90E2;
    box-shadow: 0 0 0 2px rgba(74,144,226,0.2);
    outline: none;
}
.content-main form .form-item input:focus {
    border-color: #4A90E2;
    box-shadow: 0 0 0 2px rgba(74,144,226,0.2);
    outline: none;
}


/* ================== wrapper هر فیلد ================== */
.content-main form .form-item {
    position: relative;
}

/* ================== آیکن اصلی فیلد (RTL: سمت راست) ================== */
.content-main form .form-item::after {
    content: '';
    position: absolute;
    top: 25px;
    right: 15px; /* سمت راست فیلد */
    transform: translateY(-50%);
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 16px;
    color: #d3d3d3;
    pointer-events: none;
}

/* ================== Tooltip icon (سمت چپ) ================== */
.content-main form .form-item .tooltip-icon {
    position: absolute;
    top: 25px;
    left: 12px; /* سمت چپ فیلد */
    transform: translateY(-50%);
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 16px;
    color: #4A90E2;
    cursor: pointer;
}

/* ================== متن tooltip ================== */
.content-main form .form-item .tooltip-text {
    display: none;
    position: absolute;
    top: -5px;
    left: 35px;
    background-color: #333;
    color: #fff;
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 6px;

    z-index: 1000;
    
    white-space: normal;       /* اجازه شکستن خط */
    word-wrap: break-word;     /* شکستن کلمات طولانی */
    max-width: 200px;          /* حداکثر عرض tooltip */
    text-align: right;   
}

/* نمایش tooltip هنگام hover (desktop) */
.content-main form .form-item .tooltip-icon:hover + .tooltip-text {
    display: block;
}

/* ================== آیکن‌ها برای فیلدها ================== */
/* آیکن اصلی فیلدها */
.content-main form.user-register-form .form-item-field-firstname-0-value::after,
.content-main form.user-register-form .form-item-field-family-0-value::after,
.content-main form.user-register-form .form-item-name::after {
    content: "\f007"; /* user */
}

.content-main form .form-item-mail::after {
    content: "\f0e0"; /* envelope */
}

.content-main form .form-item-name::after {
    content: "\f007"; /* user */
}

.content-main form .form-item-pass::after {
    content: "\f023"; /* lock */
}



.content-main form .form-item-pass-pass1::after,
.content-main form .form-item-pass-pass2::after {
    content: "\f023"; /* lock */
}

.content-main form.user-register-form .form-item-field-mobile-0-value::after {
    content: "\f095"; /* phone */
}

.content-main form.user-register-form .form-item-field-khdmly-0-value::after {
    content: "\f21d"; /* code melli */
}




.content-main form .form-item-captcha-response::after {
    content: "\f21b"; /* keyboard */
}

/* ================== دکمه ارسال ================== */
.content-main form .form-submit,
.content-main form input[type="submit"] {
    width: 100%;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    background-color: #ED1C24;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-top: 10px;
}

.content-main form .form-submit:hover,
.content-main form input[type="submit"]:hover {
    background-color: #C7151A;
}

/* ================== RTL spacing اصلاح آیکن‌ها ================== */
.content-main form.user-register-form input.form-text,
.content-main form.user-register-form input.form-email,
.content-main form.user-register-form input.password-field,
.content-main form.user-register-form input.password-confirm,
.content-main form.user-register-form input.form-password {
    padding-left: 40px; /* برای tooltip icon سمت چپ */
    padding-right: 40px; /* برای آیکن اصلی سمت راست */
}

/* ================== موبایل: tooltip روی tap ================== */
@media (max-width: 768px) {
    .content-main form .form-item .tooltip-icon:active + .tooltip-text {
        display: block;
    }
}



/* آیکن چشم برای فیلد پسورد */
.content-main form .form-item-pass {
  position: relative;
}

.content-main form .form-item-pass .toggle-password::before {
  content: "\f06e"; /* FontAwesome: eye (چشم بسته) */
  font-family: "FontAwesome";
  font-weight: 900;
  font-size: 16px;
  color: #888;
  position: absolute;
  top: 25px;
  left: 15px; /* سمت چپ فیلد (RTL) */
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
}

/* حالت نمایش رمز (چشم باز) */
.content-main form .form-item-pass .toggle-password.visible::before {
  content: "\f070"; /* FontAwesome: eye-slash (چشم باز) */
  color: #4A90E2;
}

/* فاصله مناسب داخل فیلد برای چشم */
.content-main form .form-item-pass input[type='password'],
.content-main form .form-item-pass input[type='text'] {
  padding-left: 60px !important; /* فضای کافی برای آیکن چشم */
}

.form-item-pass-pass1 .toggle-password::before {
    left: 45px !important;
}