/* Arabic RTL Support Styles */
body {
  direction: rtl;
  text-align: right;
  font-family: "Segoe UI", "Tahoma", "Arial", sans-serif;
}

/* Ensure proper RTL layout for all text elements */
.title, .subtitle, .desc, .accuracy, .result-con, .footer {
  text-align: right;
  direction: rtl;
}

/* Adjust input field for RTL */
input[type="text"] {
  text-align: right;
  direction: rtl;
}

/* Adjust button text alignment */
.btn {
  text-align: center;
}

/* Ensure proper spacing for Arabic text */
.arabic-text {
  line-height: 1.8;
  word-spacing: 0.1em;
}

/* Adjust modal content for RTL */
.ai-modal .pro-box,
.ai-modal .result-box {
  text-align: right;
  direction: rtl;
}

/* Adjust progress items for RTL */
.progress-box .item {
  text-align: right;
}

/* Adjust cookie banner for RTL */
#cookie-banner {
  text-align: right;
  direction: rtl;
}

/* Ensure proper alignment for links */
a {
  text-align: right;
}

/* Adjust table content for RTL */
table {
  direction: rtl;
}

table th,
table td {
  text-align: right;
}

/* Adjust list items for RTL */
ul, ol {
  text-align: right;
  direction: rtl;
}

/* Ensure proper spacing for Arabic numerals */
.percent {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

/* Adjust accordion content for RTL */
.accordion-header {
  text-align: right;
}

.accordion-content {
  text-align: right;
  direction: rtl;
}

/* Ensure proper text flow for Arabic content */
.arabic-content {
  unicode-bidi: embed;
  direction: rtl;
}

/* Adjust section titles for RTL */
.section-title {
  text-align: right;
}

/* Ensure proper alignment for back links */
.back-link {
  text-align: right;
}

/* Adjust info table for RTL */
.info-table {
  direction: rtl;
}

.info-table th,
.info-table td {
  text-align: right;
}

/* Mobile responsive adjustments for RTL */
@media (max-width: 768px) {
  .container {
    text-align: right;
  }
  
  .card {
    text-align: right;
  }
  
  .result-box {
    text-align: right;
  }
}

/* Ensure proper text rendering for Arabic */
* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}