/* RTL Support for Arabic Language - Based on Best Practices */

/* Base RTL Direction */
[dir="rtl"] {
  direction: rtl;
  font-feature-settings: "liga" 1, "calt" 1;
  text-rendering: optimizeLegibility;
}

/* Global Text Alignment for RTL */
[dir="rtl"] * {
  text-align: right;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, 
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] p, [dir="rtl"] span, [dir="rtl"] div,
[dir="rtl"] li, [dir="rtl"] td, [dir="rtl"] th {
  text-align: right;
}

/* RTL Layout Containers */
[dir="rtl"] .grid,
[dir="rtl"] .flex,
[dir="rtl"] .container,
[dir="rtl"] .mx-auto {
  direction: rtl;
}

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

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

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

/* RTL Flex Order Rules */
[dir="rtl"] .flex > :nth-child(1) { order: 2; }
[dir="rtl"] .flex > :nth-child(2) { order: 1; }

/* RTL Grid Column Rules */

/* For 2 columns: reverse each row */
[dir="rtl"] .grid-cols-2 > :nth-child(1) { order: 2; }
[dir="rtl"] .grid-cols-2 > :nth-child(2) { order: 1; }

/* Small screens: 2 columns - keep natural order for RTL */
[dir="rtl"] .sm\:grid-cols-2 > :nth-child(1) { order: 1; }
[dir="rtl"] .sm\:grid-cols-2 > :nth-child(2) { order: 2; }
[dir="rtl"] .sm\:grid-cols-2 > :nth-child(3) { order: 3; }
[dir="rtl"] .sm\:grid-cols-2 > :nth-child(4) { order: 4; }
[dir="rtl"] .sm\:grid-cols-2 > :nth-child(5) { order: 5; }
[dir="rtl"] .sm\:grid-cols-2 > :nth-child(6) { order: 6; }

/* For 3 columns: reverse each row */
[dir="rtl"] .grid-cols-3 > :nth-child(1) { order: 3; }
[dir="rtl"] .grid-cols-3 > :nth-child(2) { order: 2; }
[dir="rtl"] .grid-cols-3 > :nth-child(3) { order: 1; }

/* Small screens: 3 columns - keep natural order for RTL */
[dir="rtl"] .sm\:grid-cols-3 > :nth-child(1) { order: 1; }
[dir="rtl"] .sm\:grid-cols-3 > :nth-child(2) { order: 2; }
[dir="rtl"] .sm\:grid-cols-3 > :nth-child(3) { order: 3; }

/* Large screens: 3 columns - keep natural order for RTL */
[dir="rtl"] .lg\:grid-cols-3 > :nth-child(1) { order: 1; }
[dir="rtl"] .lg\:grid-cols-3 > :nth-child(2) { order: 2; }
[dir="rtl"] .lg\:grid-cols-3 > :nth-child(3) { order: 3; }
[dir="rtl"] .lg\:grid-cols-3 > :nth-child(4) { order: 4; }
[dir="rtl"] .lg\:grid-cols-3 > :nth-child(5) { order: 5; }
[dir="rtl"] .lg\:grid-cols-3 > :nth-child(6) { order: 6; }

/* RTL Margin/Padding Adjustments */
[dir="rtl"] .ml-1 { margin-left: 0; margin-right: 0.25rem; }
[dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; }
[dir="rtl"] .ml-3 { margin-left: 0; margin-right: 0.75rem; }
[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; }
[dir="rtl"] .ml-6 { margin-left: 0; margin-right: 1.5rem; }
[dir="rtl"] .ml-8 { margin-left: 0; margin-right: 2rem; }

[dir="rtl"] .mr-1 { margin-right: 0; margin-left: 0.25rem; }
[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; }
[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 0.75rem; }
[dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1rem; }
[dir="rtl"] .mr-6 { margin-right: 0; margin-left: 1.5rem; }
[dir="rtl"] .mr-8 { margin-right: 0; margin-left: 2rem; }

[dir="rtl"] .pl-1 { padding-left: 0; padding-right: 0.25rem; }
[dir="rtl"] .pl-2 { padding-left: 0; padding-right: 0.5rem; }
[dir="rtl"] .pl-3 { padding-left: 0; padding-right: 0.75rem; }
[dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1rem; }
[dir="rtl"] .pl-6 { padding-left: 0; padding-right: 1.5rem; }
[dir="rtl"] .pl-8 { padding-left: 0; padding-right: 2rem; }

[dir="rtl"] .pr-1 { padding-right: 0; padding-left: 0.25rem; }
[dir="rtl"] .pr-2 { padding-right: 0; padding-left: 0.5rem; }
[dir="rtl"] .pr-3 { padding-right: 0; padding-left: 0.75rem; }
[dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1rem; }
[dir="rtl"] .pr-6 { padding-right: 0; padding-left: 1.5rem; }
[dir="rtl"] .pr-8 { padding-right: 0; padding-left: 2rem; }

/* RTL Auto Margins */
[dir="rtl"] .mx-auto { margin-left: auto; margin-right: auto; }
[dir="rtl"] .ml-auto { margin-left: 0; margin-right: auto; }
[dir="rtl"] .mr-auto { margin-right: 0; margin-left: auto; }

[dir="rtl"] .md\:mx-0 { margin-left: 0; margin-right: 0; }
[dir="rtl"] .md\:ml-0 { margin-left: 0; margin-right: 0; }
[dir="rtl"] .md\:mr-0 { margin-right: 0; margin-left: 0; }

/* RTL Text Alignment Classes */
[dir="rtl"] .text-left { text-align: right !important; }
[dir="rtl"] .text-right { text-align: left !important; }
[dir="rtl"] .text-center { text-align: center !important; }

/* RTL Responsive Text Alignment */
[dir="rtl"] .md\:text-left { text-align: right !important; }
[dir="rtl"] .md\:text-right { text-align: left !important; }
[dir="rtl"] .md\:text-center { text-align: center !important; }

[dir="rtl"] .sm\:text-left { text-align: right !important; }
[dir="rtl"] .sm\:text-right { text-align: left !important; }
[dir="rtl"] .sm\:text-center { text-align: center !important; }

[dir="rtl"] .lg\:text-left { text-align: right !important; }
[dir="rtl"] .lg\:text-right { text-align: left !important; }
[dir="rtl"] .lg\:text-center { text-align: center !important; }

/* RTL Form Elements */
[dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select {
  text-align: right;
  direction: rtl;
}

/* RTL Table Alignment */
[dir="rtl"] table {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] th, [dir="rtl"] td {
  text-align: right;
}

/* RTL List Alignment */
[dir="rtl"] ul, [dir="rtl"] ol {
  text-align: right;
  direction: rtl;
}

/* RTL Navigation */
[dir="rtl"] nav ul {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] nav li {
  text-align: right;
}

/* RTL Footer */
[dir="rtl"] footer {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] footer * {
  text-align: right;
}

/* RTL Prose Content */
[dir="rtl"] .prose {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .prose h1, [dir="rtl"] .prose h2, [dir="rtl"] .prose h3,
[dir="rtl"] .prose h4, [dir="rtl"] .prose h5, [dir="rtl"] .prose h6,
[dir="rtl"] .prose p, [dir="rtl"] .prose ul, [dir="rtl"] .prose ol,
[dir="rtl"] .prose li, [dir="rtl"] .prose th, [dir="rtl"] .prose td {
  text-align: right;
}

[dir="rtl"] .prose blockquote {
  text-align: right;
  border-right: 4px solid #e5e7eb;
  border-left: none;
  padding-right: 1rem;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}

/* RTL Justify Content */
[dir="rtl"] .justify-start { justify-content: flex-end !important; }
[dir="rtl"] .justify-end { justify-content: flex-start !important; }
[dir="rtl"] .justify-center { justify-content: center !important; }

[dir="rtl"] .md\:justify-start { justify-content: flex-end !important; }
[dir="rtl"] .md\:justify-end { justify-content: flex-start !important; }
[dir="rtl"] .md\:justify-center { justify-content: center !important; }

/* RTL Button Layout */
[dir="rtl"] .flex.flex-col.sm\:flex-row {
  flex-direction: column;
}

@media (min-width: 640px) {
  [dir="rtl"] .flex.flex-col.sm\:flex-row {
    flex-direction: row-reverse;
  }
}

/* RTL ApkInfo Buttons */
[dir="rtl"] .flex.flex-col.sm\:flex-row.gap-3 {
  flex-direction: column;
}

@media (min-width: 640px) {
  [dir="rtl"] .flex.flex-col.sm\:flex-row.gap-3 {
    flex-direction: row-reverse;
  }
}

/* RTL Button Icons */
[dir="rtl"] .inline-flex.items-center svg {
  margin-left: 0.5rem;
  margin-right: 0;
}

[dir="rtl"] .inline-flex.items-center span + svg {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* RTL Hero Section Layout */
[dir="rtl"] .flex.flex-col.md\:flex-row {
  flex-direction: column;
}

@media (min-width: 768px) {
  [dir="rtl"] .flex.flex-col.md\:flex-row {
    flex-direction: row-reverse;
  }
}

/* RTL Specific Elements */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  text-align: right !important;
}

[dir="rtl"] p {
  text-align: right !important;
}

[dir="rtl"] .max-w-2xl {
  text-align: right !important;
}

[dir="rtl"] .max-w-2xl * {
  text-align: right !important;
}