

body {
    font-family: Estedad, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

input[dir="ltr"],
textarea[dir="ltr"],
select[dir="ltr"] {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: embed !important;
}

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-input,
.otp-field,
input[pattern*="[0-9]"],
input[maxlength="6"] {
    direction: ltr !important;
    text-align: center !important;
    font-family: 'Estedad', 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: 'Estedad', sans-serif !important;
}

.email-input,
input[placeholder*="ایمیل"],
input[type="email"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Estedad', sans-serif !important;
}

.url-input,
input[placeholder*="http"],
input[placeholder*="www"],
input[placeholder*="example.com"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Estedad', sans-serif !important;
}

.card-input,
input[placeholder*="1234"],
input[placeholder*="کارت"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Estedad', 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: 'Estedad', sans-serif !important;
}

.password-input,
input[type="password"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Estedad', 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: 'Estedad', sans-serif !important;
}

.username-input,
input[placeholder*="username"],
input[placeholder*="نام کاربری"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Estedad', 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;
}

input[dir="ltr"]::placeholder,
textarea[dir="ltr"]::placeholder {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: embed !important;
}

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;
    }
}

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: 'Estedad', sans-serif !important;
}

@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;
    }
}

@media (max-width: 768px) {
    input[dir="ltr"],
    textarea[dir="ltr"],
    select[dir="ltr"] {
        font-size: 16px !important; 
    }
}

.form-control[dir="ltr"] {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: embed !important;
}

.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;
}
