/* LTR Fields CSS - برای فیلدهایی که باید چپ به راست باشند */

/* فیلدهای LTR عمومی */
input[dir="ltr"],
textarea[dir="ltr"],
select[dir="ltr"] {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: embed !important;
}

/* فیلدهای خاص که همیشه باید LTR باشند */
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[name*="username"],
input[name*="email"],
input[name*="phone"],
input[name*="mobile"],
input[name*="telegram"],
input[name*="website"],
input[name*="card_number"],
input[name*="birth_year"],
input[name*="birth_month"],
input[name*="birth_day"],
input[name*="otp"],
input[name*="code"],
input[placeholder*="@"],
input[placeholder*="http"],
input[placeholder*="www"],
input[placeholder*="0912"],
input[placeholder*="+98"],
input[placeholder*="1234"],
input[placeholder*="example.com"] {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: embed !important;
}

/* فیلدهای رنگی */
input[type="color"] {
    direction: ltr !important;
    text-align: left !important;
}

/* فیلدهای OTP */
.otp-input,
.otp-field,
input[pattern*="[0-9]"],
input[maxlength="6"] {
    direction: ltr !important;
    text-align: center !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 1.2em !important;
    letter-spacing: 0.1em !important;
}

/* فیلدهای شماره موبایل */
.phone-input,
input[placeholder*="موبایل"],
input[placeholder*="تلفن"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Vazirmatn', sans-serif !important;
}

/* فیلدهای ایمیل */
.email-input,
input[placeholder*="ایمیل"],
input[type="email"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Vazirmatn', sans-serif !important;
}

/* فیلدهای URL */
.url-input,
input[placeholder*="http"],
input[placeholder*="www"],
input[placeholder*="example.com"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Vazirmatn', sans-serif !important;
}

/* فیلدهای شماره کارت */
.card-input,
input[placeholder*="1234"],
input[placeholder*="کارت"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Vazirmatn', sans-serif !important;
    letter-spacing: 0.05em !important;
}

/* فیلدهای آیدی تلگرام */
.telegram-input,
input[placeholder*="@"],
input[placeholder*="telegram"],
input[placeholder*="تلگرام"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Vazirmatn', sans-serif !important;
}

/* فیلدهای رمز عبور */
.password-input,
input[type="password"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Vazirmatn', sans-serif !important;
    letter-spacing: 0.1em !important;
}

/* فیلدهای عددی */
.number-input,
input[type="number"],
input[placeholder*="سال"],
input[placeholder*="ماه"],
input[placeholder*="روز"] {
    direction: ltr !important;
    text-align: center !important;
    font-family: 'Vazirmatn', sans-serif !important;
}

/* فیلدهای نام کاربری */
.username-input,
input[placeholder*="username"],
input[placeholder*="نام کاربری"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Vazirmatn', sans-serif !important;
}

/* استایل‌های اضافی برای بهتر شدن ظاهر */
input[dir="ltr"]:focus,
textarea[dir="ltr"]:focus,
select[dir="ltr"]:focus {
    border-color: #007bff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* استایل برای placeholder ها در فیلدهای LTR */
input[dir="ltr"]::placeholder,
textarea[dir="ltr"]::placeholder {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: embed !important;
}

/* استایل برای متن تایپ شده در فیلدهای LTR */
input[dir="ltr"]:not(:placeholder-shown),
textarea[dir="ltr"]:not(:placeholder-shown) {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: embed !important;
}

/* رفع مشکل نمایش در مرورگرهای مختلف */
@supports (-webkit-appearance: none) {
    input[dir="ltr"],
    textarea[dir="ltr"],
    select[dir="ltr"] {
        -webkit-text-align: left !important;
        -moz-text-align: left !important;
        text-align: left !important;
    }
}

/* استایل برای زبان‌های LTR (انگلیسی) */
html[lang="en"] .otp-input,
html[lang="en"] .otp-field,
html[lang="en"] input[pattern*="[0-9]"],
html[lang="en"] input[maxlength="6"],
html[lang="en"] .phone-input,
html[lang="en"] input[placeholder*="mobile"],
html[lang="en"] input[placeholder*="phone"],
html[lang="en"] .email-input,
html[lang="en"] input[type="email"],
html[lang="en"] .url-input,
html[lang="en"] input[placeholder*="http"],
html[lang="en"] input[placeholder*="www"],
html[lang="en"] .card-input,
html[lang="en"] input[placeholder*="1234"],
html[lang="en"] .telegram-input,
html[lang="en"] input[placeholder*="@"],
html[lang="en"] .password-input,
html[lang="en"] input[type="password"],
html[lang="en"] .number-input,
html[lang="en"] input[type="number"],
html[lang="en"] .username-input,
html[lang="en"] input[placeholder*="username"] {
    font-family: 'Courier New', monospace !important;
}

/* استایل برای حالت dark mode */
@media (prefers-color-scheme: dark) {
    input[dir="ltr"],
    textarea[dir="ltr"],
    select[dir="ltr"] {
        background-color: #2d3748 !important;
        color: #e2e8f0 !important;
        border-color: #4a5568 !important;
    }
    
    input[dir="ltr"]:focus,
    textarea[dir="ltr"]:focus,
    select[dir="ltr"]:focus {
        border-color: #3182ce !important;
        box-shadow: 0 0 0 0.2rem rgba(49, 130, 206, 0.25) !important;
    }
}

/* استایل برای حالت responsive */
@media (max-width: 768px) {
    input[dir="ltr"],
    textarea[dir="ltr"],
    select[dir="ltr"] {
        font-size: 16px !important; /* جلوگیری از zoom در iOS */
    }
}

/* استایل برای فیلدهای خاص در فرم‌ها */
.form-control[dir="ltr"] {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: embed !important;
}

/* استایل برای Bootstrap form controls */
.form-control.email,
.form-control.phone,
.form-control.username,
.form-control.url,
.form-control.telegram,
.form-control.card,
.form-control.otp,
.form-control.number {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: embed !important;
}

/* استایل برای فیلدهای خاص در داشبورد */
.dashboard-form input[type="email"],
.dashboard-form input[type="tel"],
.dashboard-form input[type="url"],
.dashboard-form input[type="number"],
.dashboard-form input[type="password"],
.dashboard-form input[name*="username"],
.dashboard-form input[name*="email"],
.dashboard-form input[name*="phone"],
.dashboard-form input[name*="telegram"],
.dashboard-form input[name*="website"],
.dashboard-form input[name*="card_number"] {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: embed !important;
}
