/* RTL CSS Overrides for Arabic Language Support */
/* Applies to all elements when html[lang="ar"] */

html[lang="ar"] {
  direction: rtl;
  text-align: right;
}

/* Text Direction */
html[lang="ar"] p,
html[lang="ar"] span,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] li {
  text-align: right;
}

/* Navbar Direction */
html[lang="ar"] .navbar {
  flex-direction: row-reverse;
}

html[lang="ar"] .navbar-brand {
  margin-left: auto;
  margin-right: 0;
}

html[lang="ar"] .navbar-menu {
  flex-direction: row-reverse;
}

/* Sidebar */
html[lang="ar"] .sidebar {
  right: 0;
  left: auto;
  border-right: 1px solid var(--border);
  border-left: none;
}

html[lang="ar"] .sidebar-item {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
  text-align: right;
}

/* Margin Flips */
html[lang="ar"] .ml-1 { margin-left: 0; margin-right: var(--spacing-xs); }
html[lang="ar"] .ml-2 { margin-left: 0; margin-right: var(--spacing-sm); }
html[lang="ar"] .ml-3 { margin-left: 0; margin-right: var(--spacing-md); }
html[lang="ar"] .ml-4 { margin-left: 0; margin-right: var(--spacing-lg); }

html[lang="ar"] .mr-1 { margin-right: 0; margin-left: var(--spacing-xs); }
html[lang="ar"] .mr-2 { margin-right: 0; margin-left: var(--spacing-sm); }
html[lang="ar"] .mr-3 { margin-right: 0; margin-left: var(--spacing-md); }
html[lang="ar"] .mr-4 { margin-right: 0; margin-left: var(--spacing-lg); }

/* Padding Flips */
html[lang="ar"] .pl-1 { padding-left: 0; padding-right: var(--spacing-xs); }
html[lang="ar"] .pl-2 { padding-left: 0; padding-right: var(--spacing-sm); }
html[lang="ar"] .pl-3 { padding-left: 0; padding-right: var(--spacing-md); }
html[lang="ar"] .pl-4 { padding-left: 0; padding-right: var(--spacing-lg); }

html[lang="ar"] .pr-1 { padding-right: 0; padding-left: var(--spacing-xs); }
html[lang="ar"] .pr-2 { padding-right: 0; padding-left: var(--spacing-sm); }
html[lang="ar"] .pr-3 { padding-right: 0; padding-left: var(--spacing-md); }
html[lang="ar"] .pr-4 { padding-right: 0; padding-left: var(--spacing-lg); }

/* Flex Direction */
html[lang="ar"] .flex-row {
  flex-direction: row-reverse;
}

html[lang="ar"] .flex-row-reverse {
  flex-direction: row;
}

/* Text Align Utilities */
html[lang="ar"] .text-left {
  text-align: right;
}

html[lang="ar"] .text-right {
  text-align: left;
}

/* Form Elements */
html[lang="ar"] .form-group {
  text-align: right;
}

html[lang="ar"] .form-group label {
  display: block;
  text-align: right;
  margin-bottom: var(--spacing-sm);
}

html[lang="ar"] .form-group input,
html[lang="ar"] .form-group select,
html[lang="ar"] .form-group textarea {
  width: 100%;
  text-align: right;
  direction: rtl;
}

/* Buttons */
html[lang="ar"] .btn {
  flex-direction: row-reverse;
}

html[lang="ar"] .btn-group {
  flex-direction: row-reverse;
}

/* Icons (if positioned with margin) */
html[lang="ar"] .icon-left {
  margin-left: 0;
  margin-right: var(--spacing-sm);
}

html[lang="ar"] .icon-right {
  margin-right: 0;
  margin-left: var(--spacing-sm);
}

/* List Items */
html[lang="ar"] ul,
html[lang="ar"] ol {
  padding-right: var(--spacing-lg);
  padding-left: 0;
}

html[lang="ar"] ul li,
html[lang="ar"] ol li {
  margin-right: var(--spacing-md);
  margin-left: 0;
}

/* Cards */
html[lang="ar"] .card {
  text-align: right;
}

html[lang="ar"] .card-header {
  text-align: right;
}

html[lang="ar"] .card-body {
  text-align: right;
}

/* Tables */
html[lang="ar"] table {
  text-align: right;
}

html[lang="ar"] th,
html[lang="ar"] td {
  text-align: right;
  padding-right: var(--spacing-md);
  padding-left: 0;
}

/* Modals */
html[lang="ar"] .modal-content {
  text-align: right;
}

html[lang="ar"] .modal-header {
  flex-direction: row-reverse;
}

html[lang="ar"] .modal-footer {
  flex-direction: row-reverse;
}

/* Alerts */
html[lang="ar"] .alert {
  text-align: right;
  padding-right: var(--spacing-lg);
  padding-left: var(--spacing-md);
}

/* Grid & Responsive */
html[lang="ar"] .grid {
  direction: rtl;
}

/* Floats */
html[lang="ar"] .float-left {
  float: right;
}

html[lang="ar"] .float-right {
  float: left;
}

/* Position specific styles */
html[lang="ar"] .absolute-right {
  right: auto;
  left: 0;
}

html[lang="ar"] .absolute-left {
  left: auto;
  right: 0;
}

/* Font Family - Use Arabic-friendly font */
html[lang="ar"] body {
  font-family: 'Segoe UI', 'Simplified Arabic', 'Arabic Typesetting', Arial, sans-serif;
}

/* Line height might need adjustment for Arabic */
html[lang="ar"] p,
html[lang="ar"] .body-text {
  line-height: 1.8;
}

/* Ensure proper text spacing in Arabic */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3 {
  word-spacing: 0.1em;
  letter-spacing: -0.02em;
}

/* Input number spinners (remove for better Arabic support) */
html[lang="ar"] input[type="number"]::-webkit-outer-spin-button,
html[lang="ar"] input[type="number"]::-webkit-inner-spin-button {
  margin-right: 0;
  margin-left: var(--spacing-sm);
}

/* Scrollbar (if custom) */
html[lang="ar"] ::-webkit-scrollbar {
  width: 8px;
}

/* Border directions */
html[lang="ar"] .border-left {
  border-left: none;
  border-right: 1px solid var(--border);
}

html[lang="ar"] .border-right {
  border-right: none;
  border-left: 1px solid var(--border);
}