/* RTL (Right-to-Left) overrides for Arabic language */
/* Cairo font is loaded via Google Fonts CDN in head.html */

/* Override font for RTL pages */
html[dir="rtl"] body,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6,
html[dir="rtl"] p, html[dir="rtl"] span, html[dir="rtl"] a,
html[dir="rtl"] li, html[dir="rtl"] td, html[dir="rtl"] th,
html[dir="rtl"] label, html[dir="rtl"] input, html[dir="rtl"] textarea,
html[dir="rtl"] select, html[dir="rtl"] button {
  font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* General direction */
html[dir="rtl"] { direction: rtl; text-align: right; }

/* Text alignment resets */
html[dir="rtl"] .text-left { text-align: right !important; }
html[dir="rtl"] .text-right { text-align: left !important; }
html[dir="rtl"] .text-center { text-align: center !important; }

/* Padding/margin mirrors */
html[dir="rtl"] .pl-2 { padding-right: 0.5rem; padding-left: 0; }
html[dir="rtl"] .pl-3 { padding-right: 0.75rem; padding-left: 0; }
html[dir="rtl"] .pl-4 { padding-right: 1rem; padding-left: 0; }
html[dir="rtl"] .pl-5 { padding-right: 1.25rem; padding-left: 0; }
html[dir="rtl"] .pl-6 { padding-right: 1.5rem; padding-left: 0; }
html[dir="rtl"] .pl-8 { padding-right: 2rem; padding-left: 0; }
html[dir="rtl"] .pr-2 { padding-left: 0.5rem; padding-right: 0; }
html[dir="rtl"] .pr-3 { padding-left: 0.75rem; padding-right: 0; }
html[dir="rtl"] .pr-4 { padding-left: 1rem; padding-right: 0; }
html[dir="rtl"] .pr-5 { padding-left: 1.25rem; padding-right: 0; }
html[dir="rtl"] .pr-6 { padding-left: 1.5rem; padding-right: 0; }
html[dir="rtl"] .pr-8 { padding-left: 2rem; padding-right: 0; }
html[dir="rtl"] .ml-2 { margin-right: 0.5rem; margin-left: 0; }
html[dir="rtl"] .ml-3 { margin-right: 0.75rem; margin-left: 0; }
html[dir="rtl"] .ml-4 { margin-right: 1rem; margin-left: 0; }
html[dir="rtl"] .ml-auto { margin-right: auto; margin-left: 0; }
html[dir="rtl"] .mr-2 { margin-left: 0.5rem; margin-right: 0; }
html[dir="rtl"] .mr-3 { margin-left: 0.75rem; margin-right: 0; }
html[dir="rtl"] .mr-4 { margin-left: 1rem; margin-right: 0; }
html[dir="rtl"] .mr-auto { margin-left: auto; margin-right: 0; }

/* Flex direction */
html[dir="rtl"] .flex-row { flex-direction: row-reverse; }
html[dir="rtl"] .flex-row-reverse { flex-direction: row; }

/* List bullets */
html[dir="rtl"] ul, html[dir="rtl"] ol {
  padding-left: 0;
  padding-right: 1.5rem;
}
html[dir="rtl"] ul { list-style-position: inside; }

/* Border radius mirror */
html[dir="rtl"] .rounded-l-lg { border-radius: 0 0.5rem 0.5rem 0; border-top-left-radius: 0; border-top-right-radius: 0.5rem; }
html[dir="rtl"] .rounded-r-lg { border-radius: 0.5rem 0 0 0.5rem; border-top-right-radius: 0; border-top-left-radius: 0.5rem; }

/* Left/right positioning */
html[dir="rtl"] .left-0 { left: auto; right: 0; }
html[dir="rtl"] .right-0 { right: auto; left: 0; }

/* Breadcrumb separator */
html[dir="rtl"] .breadcrumb-separator::before { content: ' \\ '; }

/* Table alignment */
html[dir="rtl"] table th,
html[dir="rtl"] table td {
  text-align: right;
}
html[dir="rtl"] table th:first-child,
html[dir="rtl"] table td:first-child {
  text-align: right;
}

/* Navigation dropdown - flip positioning for RTL */
/* Desktop: dropdown-menu uses left:0 in LTR -> change to right:0 in RTL */
html[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0;
}
html[dir="rtl"] .dropdown-menu.wide {
  left: auto;
  right: 0;
}
html[dir="rtl"] .nav-dropdown-menu {
  text-align: right;
}
/* Dropdown arrow spacing */
html[dir="rtl"] .dropdown-arrow {
  margin-left: 0;
  margin-right: 0.5rem;
}

/* Icon spacing fix (icons before text should flip) */
html[dir="rtl"] .fa-arrow-left::before { content: "\f061"; } /* swap to arrow-right */
html[dir="rtl"] .fa-arrow-right::before { content: "\f060"; } /* swap to arrow-left */
html[dir="rtl"] .fa-chevron-left::before { content: "\f054"; }
html[dir="rtl"] .fa-chevron-right::before { content: "\f053"; }

/* Scrollbar - keep on right side */
html[dir="rtl"] { scrollbar-gutter: stable; }