/* Persian (RTL) form styling when site language is Persian.
   Layout stays LTR; labels, hints, and Persian text inputs align right-to-left. */

.registration-form-container[dir="rtl"] .registration-form-body,
.registration-form-container[dir="rtl"] .registration-form-header,
html[lang="fa"] .registration-form-body,
html[lang="fa"] .registration-form-header {
    direction: rtl;
    text-align: right;
}

.registration-form-container[dir="rtl"] .registration-form-body .field-label,
.registration-form-container[dir="rtl"] .registration-form-body .captcha-header,
.registration-form-container[dir="rtl"] .registration-form-body .captcha-hint,
.registration-form-container[dir="rtl"] .registration-form-body .captcha-hint span,
.registration-form-container[dir="rtl"] .registration-form-body .terms-text,
.registration-form-container[dir="rtl"] .registration-form-body .show-password-checkbox,
.registration-form-container[dir="rtl"] .registration-form-body .login-link,
.registration-form-container[dir="rtl"] .registration-form-body .login-link a,
html[lang="fa"] .registration-form-body .field-label,
html[lang="fa"] .registration-form-body .captcha-header,
html[lang="fa"] .registration-form-body .captcha-hint,
html[lang="fa"] .registration-form-body .captcha-hint span,
html[lang="fa"] .registration-form-body .terms-text,
html[lang="fa"] .registration-form-body .show-password-checkbox,
html[lang="fa"] .registration-form-body .login-link,
html[lang="fa"] .registration-form-body .login-link a {
    direction: rtl;
    text-align: right;
}

.registration-form-container[dir="rtl"] .registration-form-body .field-input-group,
html[lang="fa"] .registration-form-body .field-input-group {
    flex-direction: row-reverse;
}

.registration-form-container[dir="rtl"] .registration-form-body .field-icon,
html[lang="fa"] .registration-form-body .field-icon {
    border-right: 2px solid #e9ecef;
    border-left: none;
    border-radius: 0 8px 8px 0;
}

.registration-form-container[dir="rtl"] .registration-form-body .field-input,
html[lang="fa"] .registration-form-body .field-input {
    border-left: 2px solid #e9ecef;
    border-right: none;
    border-radius: 8px 0 0 8px;
    direction: rtl;
    text-align: right;
}

.registration-form-container[dir="rtl"] .registration-form-body .field-input[name="EmailOrPhone"],
.registration-form-container[dir="rtl"] .registration-form-body .field-input[name="Password"],
.registration-form-container[dir="rtl"] .registration-form-body .field-input[name="ConfirmPassword"],
.registration-form-container[dir="rtl"] .registration-form-body .captcha-input,
html[lang="fa"] .registration-form-body .field-input[name="EmailOrPhone"],
html[lang="fa"] .registration-form-body .field-input[name="Password"],
html[lang="fa"] .registration-form-body .field-input[name="ConfirmPassword"],
html[lang="fa"] .registration-form-body .captcha-input {
    direction: ltr;
    text-align: left;
}

.registration-form-container[dir="rtl"] .registration-form-body .required-asterisk,
html[lang="fa"] .registration-form-body .required-asterisk {
    margin-left: 0;
    margin-right: 2px;
}

.registration-form-container[dir="rtl"] .registration-form-body .terms-section,
html[lang="fa"] .registration-form-body .terms-section {
    border-left: none;
    border-right: 4px solid #007bff;
}

.registration-form-container[dir="rtl"] .registration-form-body .terms-checkbox,
html[lang="fa"] .registration-form-body .terms-checkbox {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.registration-form-container[dir="rtl"] .registration-form-body .captcha-hint,
html[lang="fa"] .registration-form-body .captcha-hint {
    flex-direction: row-reverse;
}

.registration-form-container[dir="rtl"] .registration-form-body .submit-row,
html[lang="fa"] .registration-form-body .submit-row {
    flex-direction: row-reverse;
}

html[lang="fa"] .validation-messages-container {
    right: auto;
    left: 20px;
}

html[lang="fa"] .validation-summary-body li {
    padding-left: 0;
    padding-right: 16px;
}

html[lang="fa"] .validation-summary-body li:before {
    left: auto;
    right: 0;
}

html[lang="fa"] .validation-summary-header i {
    margin-right: 0;
    margin-left: 8px;
}

/* Login form */
.card[dir="rtl"] .text-center h3,
.card[dir="rtl"] .text-center p,
.card[dir="rtl"] #loginForm .form-label,
.card[dir="rtl"] #loginForm .form-check-label,
.card[dir="rtl"] #loginForm .text-center p,
html[lang="fa"] .card:has(#loginForm) .text-center h3,
html[lang="fa"] .card:has(#loginForm) .text-center p,
html[lang="fa"] #loginForm .form-label,
html[lang="fa"] #loginForm .form-check-label,
html[lang="fa"] #loginForm .text-center p {
    direction: rtl;
    text-align: right;
}

.card[dir="rtl"] #loginForm .form-check,
html[lang="fa"] #loginForm .form-check {
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding-right: 0;
    padding-left: 0;
}

.card[dir="rtl"] #loginForm .login-password-header,
html[lang="fa"] #loginForm .login-password-header {
    flex-direction: row-reverse;
}

/* Login inputs: RTL placeholders when Persian (match register page) */
.card[dir="rtl"] #loginForm input.login-input-identifier,
.card[dir="rtl"] #loginForm input.login-input-password,
html[lang="fa"] #loginForm input.login-input-identifier,
html[lang="fa"] #loginForm input.login-input-password {
    direction: ltr;
    text-align: left;
}

.card[dir="rtl"] #loginForm input.login-input-identifier::placeholder,
.card[dir="rtl"] #loginForm input.login-input-password::placeholder,
html[lang="fa"] #loginForm input.login-input-identifier::placeholder,
html[lang="fa"] #loginForm input.login-input-password::placeholder {
    direction: rtl;
    text-align: right;
}

.card[dir="rtl"] #loginForm .form-control::placeholder,
html[lang="fa"] #loginForm .form-control::placeholder,
#loginForm .form-control::placeholder {
    font-size: 0.8125rem;
    line-height: 1.3;
}

.card[dir="rtl"] #loginForm .input-group-text,
html[lang="fa"] #loginForm .input-group-text {
    border-right: 0;
    border-left: var(--bs-border-width) solid var(--bs-border-color);
}

.card[dir="rtl"] #loginForm .form-control.border-start-0,
html[lang="fa"] #loginForm .form-control.border-start-0 {
    border-left: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-right: 0 !important;
}

.card[dir="rtl"] #loginForm .input-group-lg,
html[lang="fa"] #loginForm .input-group-lg {
    flex-direction: row-reverse;
}

.card[dir="rtl"] #loginForm .input-group-lg .toggle-password,
.card[dir="rtl"] #loginForm .input-group-lg .btn.toggle-password,
html[lang="fa"] #loginForm .input-group-lg .toggle-password,
html[lang="fa"] #loginForm .input-group-lg .btn.toggle-password {
    border-left: 0;
    border-right: var(--bs-border-width) solid var(--bs-border-color);
}

/* Profile edit / completion forms — layout stays LTR; labels, hints, and inputs align RTL */
.profile-form-isolated[dir="rtl"],
.profile-form-isolated[dir="rtl"] .form-group,
.profile-form-isolated[dir="rtl"] .control-label,
.profile-form-isolated[dir="rtl"] .control-label small,
.profile-form-isolated[dir="rtl"] .text-muted,
.profile-form-isolated[dir="rtl"] .text-danger,
.profile-form-isolated[dir="rtl"] .form-control,
.profile-form-isolated[dir="rtl"] textarea.form-control,
.profile-form-isolated[dir="rtl"] .bio-counter,
.profile-form-isolated[dir="rtl"] .shortbio-counter,
.profile-form-isolated[dir="rtl"] .alert,
.profile-form-isolated[dir="rtl"] small,
.profile-form-page .card-header[dir="rtl"],
.profile-form-page .card-header[dir="rtl"] h2,
.profile-form-page .alert,
html[lang="fa"] .profile-form-page .profile-form-isolated,
html[lang="fa"] .profile-form-page .profile-form-isolated .form-group,
html[lang="fa"] .profile-form-page .profile-form-isolated .control-label,
html[lang="fa"] .profile-form-page .profile-form-isolated .text-muted,
html[lang="fa"] .profile-form-page .profile-form-isolated .text-danger,
html[lang="fa"] .profile-form-page .profile-form-isolated .form-control,
html[lang="fa"] .profile-form-page .profile-form-isolated textarea.form-control,
html[lang="fa"] .profile-form-page .profile-form-isolated .bio-counter,
html[lang="fa"] .profile-form-page .profile-form-isolated .shortbio-counter {
    direction: rtl !important;
    text-align: right !important;
}

.profile-form-isolated[dir="rtl"] .form-control::placeholder,
.profile-form-isolated[dir="rtl"] textarea.form-control::placeholder,
html[lang="fa"] .profile-form-page .profile-form-isolated .form-control::placeholder,
html[lang="fa"] .profile-form-page .profile-form-isolated textarea.form-control::placeholder {
    direction: rtl;
    text-align: right;
}

.profile-form-isolated[dir="rtl"] input[name="UserName"],
.profile-form-isolated[dir="rtl"] .social-url-input,
.profile-form-isolated[dir="rtl"] .social-profile-url-input,
.profile-form-isolated[dir="rtl"] input[type="url"],
html[lang="fa"] .profile-form-page .profile-form-isolated input[name="UserName"],
html[lang="fa"] .profile-form-page .profile-form-isolated .social-url-input,
html[lang="fa"] .profile-form-page .profile-form-isolated input[type="url"] {
    direction: ltr !important;
    text-align: left !important;
}

.profile-form-isolated[dir="rtl"] .role-card,
.profile-form-isolated[dir="rtl"] .role-card .card-body,
.profile-form-isolated[dir="rtl"] .role-card h5,
.profile-form-isolated[dir="rtl"] .role-card p,
.profile-form-isolated[dir="rtl"] .role-card .form-check-label,
.profile-form-isolated[dir="rtl"] .role-card .form-check-label *,
.profile-form-isolated[dir="rtl"] .role-card .text-muted,
.profile-form-isolated[dir="rtl"] .role-card .badge,
html[lang="fa"] .profile-form-page .profile-form-isolated .role-card h5,
html[lang="fa"] .profile-form-page .profile-form-isolated .role-card p,
html[lang="fa"] .profile-form-page .profile-form-isolated .role-card .form-check-label,
html[lang="fa"] .profile-form-page .profile-form-isolated .role-card .form-check-label * {
    direction: rtl !important;
    text-align: right !important;
}

.profile-form-isolated[dir="rtl"] .role-card .form-check-input,
html[lang="fa"] .profile-form-page .profile-form-isolated .role-card .form-check-input {
    right: auto;
    left: 8px;
}

.profile-form-isolated[dir="rtl"] .role-card .badge,
html[lang="fa"] .profile-form-page .profile-form-isolated .role-card .badge {
    align-self: flex-end !important;
}

.profile-form-isolated[dir="rtl"] #socialMediaLinks,
.profile-form-isolated[dir="rtl"] #socialMediaLinks .input-group,
.profile-form-isolated[dir="rtl"] #socialMediaLinks .form-control,
.profile-form-isolated[dir="rtl"] #socialMediaLinks select.form-control {
    direction: rtl !important;
    text-align: right !important;
}

.profile-form-isolated[dir="rtl"] #socialMediaLinks .input-group {
    flex-direction: row-reverse;
}

.profile-form-isolated[dir="rtl"] .control-label .text-danger,
html[lang="fa"] .profile-form-page .profile-form-isolated .control-label .text-danger {
    margin-left: 0;
    margin-right: 2px;
}

/* Profile add/edit modals: RTL labels, hints, placeholders, and Persian text inputs.
   Modal grid layout stays LTR; text content aligns right-to-left. */
html[lang="fa"] #addPostModalTestRename,
html[lang="fa"] #editPostModal,
html[lang="fa"] #addPublicationModal,
html[lang="fa"] #editPublicationModal,
html[lang="fa"] #addReviewModal,
html[lang="fa"] #editReviewModal,
html[lang="fa"] #addStudyModal,
html[lang="fa"] #editStudyModal {
    direction: ltr;
}

html[lang="fa"] #addPostModalTestRename .modal-title,
html[lang="fa"] #editPostModal .modal-title,
html[lang="fa"] #addPublicationModal .modal-title,
html[lang="fa"] #editPublicationModal .modal-title,
html[lang="fa"] #addReviewModal .modal-title,
html[lang="fa"] #editReviewModal .modal-title,
html[lang="fa"] #addStudyModal .modal-title,
html[lang="fa"] #editStudyModal .modal-title,
html[lang="fa"] #addPostModalTestRename .form-label,
html[lang="fa"] #editPostModal .form-label,
html[lang="fa"] #addPublicationModal .form-label,
html[lang="fa"] #editPublicationModal .form-label,
html[lang="fa"] #addReviewModal .form-label,
html[lang="fa"] #editReviewModal .form-label,
html[lang="fa"] #addStudyModal .form-label,
html[lang="fa"] #editStudyModal .form-label,
html[lang="fa"] #addPostModalTestRename .form-text,
html[lang="fa"] #editPostModal .form-text,
html[lang="fa"] #addPublicationModal .form-text,
html[lang="fa"] #editPublicationModal .form-text,
html[lang="fa"] #addReviewModal .form-text,
html[lang="fa"] #editReviewModal .form-text,
html[lang="fa"] #addStudyModal .form-text,
html[lang="fa"] #editStudyModal .form-text,
html[lang="fa"] #addPostModalTestRename .form-check-label,
html[lang="fa"] #editPostModal .form-check-label,
html[lang="fa"] #addPublicationModal .form-check-label,
html[lang="fa"] #editPublicationModal .form-check-label,
html[lang="fa"] #addReviewModal .form-check-label,
html[lang="fa"] #editReviewModal .form-check-label,
html[lang="fa"] #addStudyModal .form-check-label,
html[lang="fa"] #editStudyModal .form-check-label,
html[lang="fa"] #addPostModalTestRename .invalid-feedback,
html[lang="fa"] #editPostModal .invalid-feedback,
html[lang="fa"] #addPublicationModal .invalid-feedback,
html[lang="fa"] #editPublicationModal .invalid-feedback,
html[lang="fa"] #addReviewModal .invalid-feedback,
html[lang="fa"] #editReviewModal .invalid-feedback,
html[lang="fa"] #addStudyModal .invalid-feedback,
html[lang="fa"] #editStudyModal .invalid-feedback,
html[lang="fa"] #addPostModalTestRename .text-muted,
html[lang="fa"] #editPostModal .text-muted,
html[lang="fa"] #addPublicationModal .text-muted,
html[lang="fa"] #editPublicationModal .text-muted,
html[lang="fa"] #addReviewModal .text-muted,
html[lang="fa"] #editReviewModal .text-muted,
html[lang="fa"] #addStudyModal .text-muted,
html[lang="fa"] #editStudyModal .text-muted,
html[lang="fa"] #addPostModalTestRename .small,
html[lang="fa"] #editPostModal .small,
html[lang="fa"] #addPublicationModal .small,
html[lang="fa"] #editPublicationModal .small,
html[lang="fa"] #addReviewModal .small,
html[lang="fa"] #editReviewModal .small,
html[lang="fa"] #addStudyModal .small,
html[lang="fa"] #editStudyModal .small,
html[lang="fa"] #addPostModalTestRename .alert,
html[lang="fa"] #addPublicationModal .alert,
html[lang="fa"] #editPublicationModal .alert,
html[lang="fa"] #addReviewModal .btn-outline-primary,
html[lang="fa"] #addReviewModal .btn-group .btn {
    direction: rtl !important;
    text-align: right !important;
}

html[lang="fa"] #addPostModalTestRename .modal-title.text-start,
html[lang="fa"] #editPostModal .modal-title.text-start,
html[lang="fa"] #addPublicationModal .modal-title.text-start,
html[lang="fa"] #editPublicationModal .modal-title.text-start,
html[lang="fa"] #addReviewModal .modal-title.text-start,
html[lang="fa"] #editReviewModal .modal-title.text-start,
html[lang="fa"] #addStudyModal .modal-title.text-start,
html[lang="fa"] #editStudyModal .modal-title.text-start {
    text-align: right !important;
}

html[lang="fa"] #addPostModalTestRename .form-control,
html[lang="fa"] #editPostModal .form-control,
html[lang="fa"] #addPublicationModal .form-control,
html[lang="fa"] #editPublicationModal .form-control,
html[lang="fa"] #addReviewModal .form-control,
html[lang="fa"] #editReviewModal .form-control,
html[lang="fa"] #addStudyModal .form-control,
html[lang="fa"] #editStudyModal .form-control,
html[lang="fa"] #addPostModalTestRename textarea.form-control,
html[lang="fa"] #editPostModal textarea.form-control,
html[lang="fa"] #addPublicationModal textarea.form-control,
html[lang="fa"] #editPublicationModal textarea.form-control,
html[lang="fa"] #addReviewModal textarea.form-control,
html[lang="fa"] #editReviewModal textarea.form-control,
html[lang="fa"] #addStudyModal textarea.form-control,
html[lang="fa"] #editStudyModal textarea.form-control,
html[lang="fa"] #addPostModalTestRename .form-select,
html[lang="fa"] #editPostModal .form-select,
html[lang="fa"] #addPublicationModal .form-select,
html[lang="fa"] #editPublicationModal .form-select,
html[lang="fa"] #addReviewModal .form-select,
html[lang="fa"] #editReviewModal .form-select,
html[lang="fa"] #addStudyModal .form-select,
html[lang="fa"] #editStudyModal .form-select,
html[lang="fa"] #addReviewModal .review-content-editable,
html[lang="fa"] #editReviewModal .review-content-editable,
html[lang="fa"] #addReviewModal #reviewTitle,
html[lang="fa"] #editReviewModal #reviewTitle,
html[lang="fa"] #addReviewModal #externalBookTitle,
html[lang="fa"] #addReviewModal #externalBookAuthor,
html[lang="fa"] #addReviewModal #externalBookPublisher,
html[lang="fa"] #addReviewModal #externalArticleTitle,
html[lang="fa"] #addReviewModal #externalArticleAuthor,
html[lang="fa"] #addReviewModal #externalAuthorName,
html[lang="fa"] #addReviewModal #reviewTopic,
html[lang="fa"] #addReviewModal #authorImportantWork,
html[lang="fa"] #addReviewModal #reviewTags {
    direction: rtl !important;
    text-align: right !important;
}

html[lang="fa"] #addPostModalTestRename .form-control::placeholder,
html[lang="fa"] #editPostModal .form-control::placeholder,
html[lang="fa"] #addPublicationModal .form-control::placeholder,
html[lang="fa"] #editPublicationModal .form-control::placeholder,
html[lang="fa"] #addReviewModal .form-control::placeholder,
html[lang="fa"] #editReviewModal .form-control::placeholder,
html[lang="fa"] #addStudyModal .form-control::placeholder,
html[lang="fa"] #editStudyModal .form-control::placeholder,
html[lang="fa"] #addPostModalTestRename textarea.form-control::placeholder,
html[lang="fa"] #editPostModal textarea.form-control::placeholder,
html[lang="fa"] #addPublicationModal textarea.form-control::placeholder,
html[lang="fa"] #editPublicationModal textarea.form-control::placeholder,
html[lang="fa"] #addReviewModal textarea.form-control::placeholder,
html[lang="fa"] #editReviewModal textarea.form-control::placeholder,
html[lang="fa"] #addStudyModal textarea.form-control::placeholder,
html[lang="fa"] #editStudyModal textarea.form-control::placeholder {
    direction: rtl;
    text-align: right;
}


html[lang="fa"] #addPostModalTestRename .form-check,
html[lang="fa"] #editPostModal .form-check,
html[lang="fa"] #addPublicationModal .form-check,
html[lang="fa"] #editPublicationModal .form-check,
html[lang="fa"] #addReviewModal .form-check,
html[lang="fa"] #editReviewModal .form-check,
html[lang="fa"] #addStudyModal .form-check,
html[lang="fa"] #editStudyModal .form-check {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right;
}

html[lang="fa"] #addPostModalTestRename .form-check-input,
html[lang="fa"] #editPostModal .form-check-input,
html[lang="fa"] #addPublicationModal .form-check-input,
html[lang="fa"] #editPublicationModal .form-check-input,
html[lang="fa"] #addReviewModal .form-check-input,
html[lang="fa"] #editReviewModal .form-check-input,
html[lang="fa"] #addStudyModal .form-check-input,
html[lang="fa"] #editStudyModal .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
}

html[lang="fa"] #addPostModalTestRename .input-group,
html[lang="fa"] #editPostModal .input-group,
html[lang="fa"] #addPublicationModal .input-group,
html[lang="fa"] #editPublicationModal .input-group,
html[lang="fa"] #addStudyModal .input-group,
html[lang="fa"] #editStudyModal .input-group {
    flex-direction: row-reverse;
}

html[lang="fa"] #addPostModalTestRename .form-label .text-danger,
html[lang="fa"] #editPostModal .form-label .text-danger,
html[lang="fa"] #addPublicationModal .form-label .text-danger,
html[lang="fa"] #editPublicationModal .form-label .text-danger,
html[lang="fa"] #addReviewModal .form-label .text-danger,
html[lang="fa"] #editReviewModal .form-label .text-danger,
html[lang="fa"] #addStudyModal .form-label .text-danger,
html[lang="fa"] #editStudyModal .form-label .text-danger {
    margin-left: 0;
    margin-right: 2px;
}

/* Cover file upload + helper text (wizard step 1) */
html[lang="fa"] #addPublicationModal .custom-file-label,
html[lang="fa"] #editPublicationModal .custom-file-label,
html[lang="fa"] #addPublicationModal .file-text,
html[lang="fa"] #editPublicationModal .file-text,
html[lang="fa"] #addPublicationModal .file-name,
html[lang="fa"] #editPublicationModal .file-name,
html[lang="fa"] #addPublicationModal .image-dimensions-help,
html[lang="fa"] #editPublicationModal .image-dimensions-help {
    direction: rtl !important;
    text-align: right !important;
}

html[lang="fa"] #addPublicationModal .custom-file-label,
html[lang="fa"] #editPublicationModal .custom-file-label {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

html[lang="fa"] #addPublicationModal .custom-file-label i,
html[lang="fa"] #editPublicationModal .custom-file-label i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Wizard chrome: step labels, footer note, action button text */
html[lang="fa"] #addPublicationModal .publication-wizard-step-indicator,
html[lang="fa"] #addPublicationModal .publication-wizard-step-indicator .step-label,
html[lang="fa"] #addPublicationModal .publication-wizard-footer .text-muted,
html[lang="fa"] #addPublicationModal .publication-wizard-actions .btn {
    direction: rtl !important;
    text-align: right !important;
}

html[lang="fa"] #addPublicationModal .publication-wizard-footer {
    direction: ltr;
}

html[lang="fa"] #addPublicationModal .publication-wizard-footer .text-muted {
    text-align: right !important;
}

html[lang="fa"] #addPublicationModal .publication-wizard-actions {
    direction: ltr;
    flex-direction: row;
}

/* Add Review wizard chrome (mirror publication wizard RTL) */
html[lang="fa"] #addReviewModal .review-wizard-step-indicator,
html[lang="fa"] #addReviewModal .review-wizard-step-indicator .step-label,
html[lang="fa"] #addReviewModal .review-wizard-footer .text-muted,
html[lang="fa"] #addReviewModal .review-wizard-actions .btn,
#addReviewModal[dir="rtl"] .review-wizard-step-indicator,
#addReviewModal[dir="rtl"] .review-wizard-step-indicator .step-label,
#addReviewModal[dir="rtl"] .review-wizard-footer .text-muted,
#addReviewModal[dir="rtl"] .review-wizard-actions .btn {
    direction: rtl !important;
    text-align: right !important;
}

html[lang="fa"] #addReviewModal .review-wizard-footer,
#addReviewModal[dir="rtl"] .review-wizard-footer {
    direction: ltr;
}

html[lang="fa"] #addReviewModal .review-wizard-footer .text-muted,
#addReviewModal[dir="rtl"] .review-wizard-footer .text-muted {
    text-align: right !important;
}

html[lang="fa"] #addReviewModal .review-wizard-actions,
#addReviewModal[dir="rtl"] .review-wizard-actions {
    direction: ltr;
    flex-direction: row;
}

html[lang="fa"] #addReviewModal .review-wizard-steps-list,
#addReviewModal[dir="rtl"] .review-wizard-steps-list {
    flex-direction: row-reverse;
}

html[lang="fa"] #addReviewModal .btn-group.w-100 .btn i {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

/* Add Study wizard chrome (mirror publication/review wizard RTL) */
html[lang="fa"] #addStudyModal .study-wizard-step-indicator,
html[lang="fa"] #addStudyModal .study-wizard-step-indicator .step-label,
html[lang="fa"] #addStudyModal .study-wizard-footer .text-muted,
html[lang="fa"] #addStudyModal .study-wizard-actions .btn,
#addStudyModal[dir="rtl"] .study-wizard-step-indicator,
#addStudyModal[dir="rtl"] .study-wizard-step-indicator .step-label,
#addStudyModal[dir="rtl"] .study-wizard-footer .text-muted,
#addStudyModal[dir="rtl"] .study-wizard-actions .btn {
    direction: rtl !important;
    text-align: right !important;
}

html[lang="fa"] #addStudyModal .study-wizard-footer,
#addStudyModal[dir="rtl"] .study-wizard-footer {
    direction: ltr;
}

html[lang="fa"] #addStudyModal .study-wizard-footer .text-muted,
#addStudyModal[dir="rtl"] .study-wizard-footer .text-muted {
    text-align: right !important;
}

html[lang="fa"] #addStudyModal .study-wizard-actions,
#addStudyModal[dir="rtl"] .study-wizard-actions {
    direction: ltr;
    flex-direction: row;
}

html[lang="fa"] #addStudyModal .study-wizard-steps-list,
#addStudyModal[dir="rtl"] .study-wizard-steps-list {
    flex-direction: row-reverse;
}

/* Select option/optgroup text follows control direction */
html[lang="fa"] #addPublicationModal .form-select option,
html[lang="fa"] #addPublicationModal .form-select optgroup,
html[lang="fa"] #editPublicationModal .form-select option,
html[lang="fa"] #editPublicationModal .form-select optgroup {
    direction: rtl;
    text-align: right;
}

/* LTR exceptions: ISBN, URLs, dates, and numeric fields */
html[lang="fa"] #addPublicationModal input[type="url"],
html[lang="fa"] #editPublicationModal input[type="url"],
html[lang="fa"] #addReviewModal input[type="url"],
html[lang="fa"] #editReviewModal input[type="url"],
html[lang="fa"] #addStudyModal input[type="url"],
html[lang="fa"] #editStudyModal input[type="url"],
html[lang="fa"] #isbn,
html[lang="fa"] #editPublicationModal #isbn,
html[lang="fa"] #articleLink,
html[lang="fa"] #editPublicationModal #articleLink,
html[lang="fa"] #studyArticleLink,
html[lang="fa"] #externalArticleLink,
html[lang="fa"] #studyCompletionDate,
html[lang="fa"] #externalArticleDate,
html[lang="fa"] #publishedYear,
html[lang="fa"] #editPublicationModal #publishedYear,
html[lang="fa"] #addPublicationModal .flexible-calendar-date,
html[lang="fa"] #editPublicationModal .flexible-calendar-date,
html[lang="fa"] #addPublicationModal input[type="number"],
html[lang="fa"] #editPublicationModal input[type="number"],
html[lang="fa"] #addReviewModal input[type="number"],
html[lang="fa"] #editReviewModal input[type="number"],
html[lang="fa"] #addStudyModal input[type="number"],
html[lang="fa"] #editStudyModal input[type="number"],
html[lang="fa"] #addPublicationModal input[type="date"],
html[lang="fa"] #editPublicationModal input[type="date"],
html[lang="fa"] #addReviewModal input[type="date"],
html[lang="fa"] #editReviewModal input[type="date"] {
    direction: ltr !important;
    text-align: left !important;
}

html[lang="fa"] #addPublicationModal input[type="number"]::placeholder,
html[lang="fa"] #editPublicationModal input[type="number"]::placeholder,
html[lang="fa"] #addReviewModal input[type="number"]::placeholder,
html[lang="fa"] #editReviewModal input[type="number"]::placeholder,
html[lang="fa"] #addStudyModal input[type="number"]::placeholder,
html[lang="fa"] #editStudyModal input[type="number"]::placeholder,
html[lang="fa"] #studyCompletionDate::placeholder {
    direction: rtl;
    text-align: right;
}

@media (max-width: 768px) {
    html[lang="fa"] .validation-messages-container {
        left: 0;
        right: 0;
    }
}

@media (prefers-color-scheme: dark) {
    .registration-form-container[dir="rtl"] .registration-form-body .field-icon,
    html[lang="fa"] .registration-form-body .field-icon {
        border-right-color: #475569;
    }

    .registration-form-container[dir="rtl"] .registration-form-body .field-input,
    html[lang="fa"] .registration-form-body .field-input {
        border-left-color: #475569;
    }

    .registration-form-container[dir="rtl"] .registration-form-body .terms-section,
    html[lang="fa"] .registration-form-body .terms-section {
        border-right-color: #60a5fa;
    }
}

/* Report user modal RTL: see report-user-modal.css (loaded last in layout) */