/* Persian presentation layer: complements the generated RTL theme. */
html[lang="fa"] {
    direction: rtl;
    font-family: Tahoma, "Segoe UI", sans-serif;
}

html[lang="fa"] body,
html[lang="fa"] input,
html[lang="fa"] textarea,
html[lang="fa"] select,
html[lang="fa"] button {
    font-family: inherit;
}

html[lang="fa"] body {
    text-align: right;
    line-height: 1.9;
}

html[lang="fa"] .text-left,
html[lang="fa"] .text-lg-left { text-align: right !important; }
html[lang="fa"] .text-right,
html[lang="fa"] .text-lg-right { text-align: left !important; }

html[lang="fa"] input,
html[lang="fa"] textarea,
html[lang="fa"] select { text-align: right; }

html[lang="fa"] code,
html[lang="fa"] pre,
html[lang="fa"] input[type="email"],
html[lang="fa"] input[type="url"] {
    direction: ltr;
    text-align: left;
}

html[lang="fa"] .modal-header,
html[lang="fa"] .modal-footer,
html[lang="fa"] .dropdown-menu { direction: rtl; }

html[lang="fa"] .modal-header .close { margin: -1rem auto -1rem -1rem; }
html[lang="fa"] .breadcrumb-item + .breadcrumb-item::before { padding-right: .5rem; padding-left: 0; }

/* Keep copy controls at the left edge of generated output fields in RTL tools. */
html[lang="fa"] .position-relative > .position-absolute.top-0.right-0:has([data-tooltip-copy="true"]) {
    right: auto !important;
    left: 0 !important;
}

@media (max-width: 991.98px) {
    html[lang="fa"] .text-lg-left,
    html[lang="fa"] .text-lg-right { text-align: right !important; }
}