/* RTL (Right-to-Left) Support for Arabic */
/* Comprehensive RTL adjustments to prevent layout shifts */

/* Base RTL direction - only for text content */
[dir="rtl"] {
  direction: rtl;
}

/* Keep main structure stable - NO flex-direction changes on main containers */
[dir="rtl"] body {
  direction: rtl;
}

/* Prevent ALL flex and grid containers from reversing - keep visual layout stable */
[dir="rtl"] .records-grid,
[dir="rtl"] .record-card,
[dir="rtl"] .record-card__header,
[dir="rtl"] .record-card__content,
[dir="rtl"] .record-card__actions,
[dir="rtl"] .record-card__info-grid,
[dir="rtl"] .record-card__info-item,
[dir="rtl"] .record-card__footer,
[dir="rtl"] .record-card__material-badge,
[dir="rtl"] .record-index-header,
[dir="rtl"] .record-index-header__content,
[dir="rtl"] .record-index-actions,
[dir="rtl"] .record-filter-bar,
[dir="rtl"] .record-filter-bar__header,
[dir="rtl"] .record-filter-form,
[dir="rtl"] .navbar,
[dir="rtl"] .navbar .container,
[dir="rtl"] .navbar-brand,
[dir="rtl"] .btn-group,
[dir="rtl"] .d-flex,
[dir="rtl"] .d-lg-flex,
[dir="rtl"] .d-md-flex,
[dir="rtl"] .flex-row,
[dir="rtl"] .flex-column,
[dir="rtl"] .flex-lg-row,
[dir="rtl"] .flex-wrap,
[dir="rtl"] .justify-content-between,
[dir="rtl"] .justify-content-end,
[dir="rtl"] .align-items-center,
[dir="rtl"] .align-items-start,
[dir="rtl"] .align-items-end,
[dir="rtl"] .gap-2,
[dir="rtl"] .gap-3,
[dir="rtl"] .gap-4,
[dir="rtl"] .row,
[dir="rtl"] .col,
[dir="rtl"] .col-12,
[dir="rtl"] .col-md-6,
[dir="rtl"] .col-xl-4,
[dir="rtl"] .col-xl-8,
[dir="rtl"] .card,
[dir="rtl"] .card-body,
[dir="rtl"] .list-group,
[dir="rtl"] .list-group-item,
[dir="rtl"] .accordion,
[dir="rtl"] .accordion-item,
[dir="rtl"] .accordion-header,
[dir="rtl"] .accordion-button,
[dir="rtl"] .accordion-body,
[dir="rtl"] .alert,
[dir="rtl"] .create-record-hero__inner,
[dir="rtl"] .create-record-body,
[dir="rtl"] .record-form-modern,
[dir="rtl"] .section-toc {
  direction: ltr;
}

/* Reset specific elements to LTR */
[dir="rtl"] .record-card__id-number,
[dir="rtl"] .btn,
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"],
[dir="rtl"] code,
[dir="rtl"] pre {
  direction: ltr;
  text-align: left;
}

/* Text alignment for Arabic content - keep within LTR containers */
[dir="rtl"] .record-card__title,
[dir="rtl"] .record-card__subtitle,
[dir="rtl"] .record-index-title,
[dir="rtl"] .record-index-subtitle,
[dir="rtl"] .create-record-hero__title,
[dir="rtl"] .create-record-hero__subtitle,
[dir="rtl"] p:not(.text-center):not(.text-end),
[dir="rtl"] h1:not(.text-center),
[dir="rtl"] h2:not(.text-center),
[dir="rtl"] h3:not(.text-center),
[dir="rtl"] h5:not(.text-center),
[dir="rtl"] h6:not(.text-center),
[dir="rtl"] label:not(.btn) {
  text-align: right;
  direction: rtl;
}

/* Form elements */
[dir="rtl"] .form-check {
  padding-left: 0;
  padding-right: 1.5em;
}

[dir="rtl"] .form-check-input {
  float: right;
  margin-left: 0.5em;
  margin-right: -1.5em;
}

/* Table RTL support */
[dir="rtl"] .record-table-wrapper table {
  direction: rtl;
}

[dir="rtl"] .record-table-wrapper table thead th {
  text-align: right;
}

[dir="rtl"] .record-table-wrapper table thead th:first-child {
  padding-right: 1.5rem;
  padding-left: 1.25rem;
}

[dir="rtl"] .record-table-wrapper table td:first-child {
  padding-right: 1.5rem;
  padding-left: 1.25rem;
}

[dir="rtl"] .record-table-wrapper table th:last-child,
[dir="rtl"] .record-table-wrapper table td:last-child {
  left: 0;
  right: auto;
  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.04);
}

[dir="rtl"] .record-table-wrapper table thead th:last-child {
  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2);
}

/* Keep numbers LTR */
[dir="rtl"] .record-card__id-badge,
[dir="rtl"] .record-card__timestamp {
  direction: ltr;
}

/* Dropdown menus */
[dir="rtl"] .dropdown-menu {
  text-align: right;
}

/* Modal adjustments */
[dir="rtl"] .modal-header {
  flex-direction: row-reverse;
}

[dir="rtl"] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem;
}

/* Performance optimization */
[dir="rtl"] .record-card,
[dir="rtl"] .record-index-header {
  contain: layout style;
}