/* PandaRoads RTL Stylesheet for Arabic Version */
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, "Cairo", "Tajawal", "Noto Sans Arabic", Arial, sans-serif;
  direction: rtl;
  text-align: right;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: "Segoe UI", Tahoma, "Cairo", "Tajawal", "Noto Sans Arabic", Arial, sans-serif;
  letter-spacing: 0;
  text-align: right;
}

[dir="rtl"] p,
[dir="rtl"] li,
[dir="rtl"] blockquote {
  text-align: right;
}

/* Nav & Header */
[dir="rtl"] nav .container {
  flex-direction: row;
}

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

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

[dir="rtl"] .nav-sub {
  right: 0;
  left: auto;
  text-align: right;
}

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

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

/* Language switch menu in Nav */
[dir="rtl"] .lang-menu {
  right: auto;
  left: 0;
  text-align: right;
}

/* Floating Action Buttons for WhatsApp & Mail */
[dir="rtl"] #prs-wa-root {
  right: auto !important;
  left: 20px !important;
  align-items: flex-start !important;
}

[dir="rtl"] #prs-wa-card {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] #prs-mail-root {
  right: auto !important;
  left: 20px !important;
  align-items: flex-start !important;
}

[dir="rtl"] #prs-mail-card {
  text-align: right;
  direction: rtl;
}

/* Floating Language Switcher button */
[dir="rtl"] .lang-float {
  right: auto;
  left: 24px;
}

[dir="rtl"] .lang-float-menu {
  right: auto;
  left: 0;
  text-align: right;
}

/* Form inputs & controls */
[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] textarea,
[dir="rtl"] select {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .form-group label {
  text-align: right;
  display: block;
}

/* Lists and checkmarks */
[dir="rtl"] ul:not(.nav-links):not(.nav-sub) {
  padding-right: 22px;
  padding-left: 0;
}

/* Grids and cards */
[dir="rtl"] .tr-grid,
[dir="rtl"] .steps-grid,
[dir="rtl"] .footer-grid,
[dir="rtl"] .hub-grid,
[dir="rtl"] .qa-list {
  direction: rtl;
}

[dir="rtl"] .tr-card,
[dir="rtl"] .hub-card,
[dir="rtl"] .step-card,
[dir="rtl"] .dl-card,
[dir="rtl"] .card {
  text-align: right;
}

/* FAQ items */
[dir="rtl"] .faq-item {
  text-align: right;
}

[dir="rtl"] .faq-item summary {
  text-align: right;
  padding-right: 32px;
  padding-left: 12px;
}

[dir="rtl"] .faq-item summary::before {
  right: 8px;
  left: auto;
}

[dir="rtl"] .faq-a {
  text-align: right;
}

/* Hub jumps */
[dir="rtl"] .hub-jump {
  text-align: right;
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
}

/* Footer columns */
[dir="rtl"] .footer-grid > div {
  text-align: right;
}

[dir="rtl"] .footer-bottom {
  text-align: center;
  direction: rtl;
}

/* Alert boxes */
[dir="rtl"] .alert {
  border-left: none;
  border-right: 4px solid #ef4444;
  text-align: right;
}

[dir="rtl"] .tip-box,
[dir="rtl"] .answer-block {
  text-align: right;
  border-left: none;
  border-right: 4px solid var(--gold);
}

/* RTL language switcher refinements */
[dir="rtl"] .lang-switch .lang-menu {
  right: auto;
  left: 0;
  transform-origin: top left;
  text-align: right;
}
[dir="rtl"] .lang-switch .lang-menu a {
  direction: rtl;
  text-align: right;
  justify-content: space-between;
}
[dir="rtl"] .lang-switch .lang-menu a:hover {
  transform: translateX(-2px);
}
[dir="rtl"] .lang-switch .lang-menu a[aria-current="true"]::after {
  margin-left: 0;
  margin-right: 8px;
}