/*
 | تصحيحات الاتجاه للإنجليزية.
 |
 | style.css الأصلي مكتوب لـ RTL ويستخدم خصائص فيزيائية (left/right)
 | في مواضع عدة. هذا الملف يُحمَّل فقط عند dir="ltr" ويصحّحها.
 | لا يُعدَّل الأصل حفاظاً على التطابق البصري للعربية.
 */

/* ── الخط ──────────────────────────────────────────────── */
html[dir='ltr'] body,
html[dir='ltr'] input,
html[dir='ltr'] textarea,
html[dir='ltr'] select,
html[dir='ltr'] button {
    font-family: 'Plus Jakarta Sans', 'Tajawal', system-ui, sans-serif;
}

/* ── الحدود الجانبية ───────────────────────────────────── */
html[dir='ltr'] .flash {
    border-inline-start: 3px solid;
}

html[dir='ltr'] .subsection-title {
    border-right: none;
    border-left: 3px solid var(--brand-primary);
    padding-right: 0;
    padding-left: 14px;
}

/*
 | الأسهم تنعكس في الإنجليزية.
 | التصميم يستخدم fa-arrow-left للإشارة إلى «التالي» في RTL،
 | وهو الاتجاه المعاكس في LTR.
 */
html[dir='ltr'] i.fa-arrow-left,
html[dir='ltr'] i.fa-arrow-right {
    transform: scaleX(-1);
}

/* ── الترقيم: الاتجاه يعكس ترتيب الصفحات ───────────────── */
html[dir='ltr'] .pagination {
    flex-direction: row-reverse;
}

/* ── حقول الإدخال ──────────────────────────────────────── */
html[dir='ltr'] .input-wrapper .input-icon {
    right: auto;
    left: 14px;
}

html[dir='ltr'] .input-wrapper input,
html[dir='ltr'] .input-wrapper select {
    padding-right: 14px;
    padding-left: 44px;
}

/* الأيقونة تنتقل يساراً في LTR، فسهم القائمة ينتقل يميناً */
html[dir='ltr'] .signup-page .input-wrapper select,
html[dir='ltr'] .reset-page .input-wrapper select {
    background-position: right 16px center;
}

html[dir='ltr'] .login-page .input-wrapper select {
    background-position: left 16px center;
}

html[dir='ltr'] .input-wrapper .password-toggle {
    left: auto;
    right: 14px;
}

html[dir='ltr'] .form-label {
    text-align: left;
}

/* ── الترويسة ──────────────────────────────────────────── */
html[dir='ltr'] .main-nav ul {
    flex-direction: row;
}

/* ── الأرقام تبقى LTR في الحالتين ──────────────────────── */
.tabular,
.amount,
.pv-rate,
.svc-budget strong,
.pd-stat b {
    direction: ltr;
    unicode-bidi: embed;
}

/* ── محاذاة النص ───────────────────────────────────────── */
html[dir='ltr'] .svc-head,
html[dir='ltr'] .pd-bio,
html[dir='ltr'] .pv-bio,
html[dir='ltr'] .svc-card-desc {
    text-align: left;
}