/* RTL overrides for Arabic public pages only. Do not load on English or admin. */

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

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

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

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

html[dir="rtl"] .hero-ctas,
html[dir="rtl"] .hub-cta-actions,
html[dir="rtl"] .section-head,
html[dir="rtl"] .page-hero {
  /* keep centered blocks centered */
}

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

html[dir="rtl"] .btn-outline-glass .icon,
html[dir="rtl"] .hero-ctas .icon {
  transform: scaleX(-1);
}

html[dir="rtl"] .footer-grid {
  direction: rtl;
}

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

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

html[dir="rtl"] .hub-crumb,
html[dir="rtl"] .hub-toc ol,
html[dir="rtl"] .hub-authority ul,
html[dir="rtl"] .hub-authority ol {
  text-align: right;
}

html[dir="rtl"] .hub-authority ul,
html[dir="rtl"] .hub-authority ol,
html[dir="rtl"] .legal-doc ul {
  padding-right: 1.25rem;
  padding-left: 0;
}

html[dir="rtl"] .hub-short {
  border-left: none;
  border-right: 3px solid hsl(var(--primary));
}

html[dir="rtl"] .hub-check li {
  padding-right: 1.5rem;
  padding-left: 0;
}

html[dir="rtl"] .hub-check li::before {
  right: 0;
  left: auto;
}

html[dir="rtl"] .hub-tree-arrow {
  /* keep */
}

html[dir="rtl"] .float-stack {
  right: auto;
  left: 1.5rem;
  align-items: flex-start;
}

html[dir="rtl"] .floating-cta {
  right: auto;
  left: 1.5rem;
}

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

html[dir="rtl"] .talk-float:hover,
html[dir="rtl"] .talk-float:focus-visible {
  /* expands toward page center */
}

html[dir="rtl"] .talk-float:hover .talk-float-label,
html[dir="rtl"] .talk-float:focus-visible .talk-float-label {
  padding-right: 0;
  padding-left: 1.1rem;
}

html[dir="rtl"] .contact-grid,
html[dir="rtl"] .filter-row {
  direction: rtl;
}

/* Keep intl-tel-input LTR so flag + dial code do not overlap the number */
html[dir="rtl"] .phone-input-wrap {
  direction: ltr;
  text-align: left;
}

html[dir="rtl"] .phone-input-wrap .form-label {
  display: block;
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] .phone-input-wrap .iti,
html[dir="rtl"] .phone-input-wrap .iti input.form-input,
html[dir="rtl"] .phone-input-wrap input.form-input {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate;
}

html[dir="rtl"] .phone-input-wrap .iti--separate-dial-code input.form-input {
  padding-left: 6.25rem !important;
  padding-right: 1rem !important;
}

html[dir="rtl"] .phone-input-wrap .iti__flag-container {
  left: 0;
  right: auto;
}

/* Sidebar phone/email stay readable in RTL without colliding with icons */
html[dir="rtl"] .info-card {
  text-align: right;
}

html[dir="rtl"] .info-card a[href^="tel:"],
html[dir="rtl"] .info-card a[href^="mailto:"] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
  text-align: left;
}

html[dir="rtl"] .form-label,
html[dir="rtl"] .form-input,
html[dir="rtl"] .muted {
  text-align: right;
}

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

@media (max-width: 640px) {
  html[dir="rtl"] .float-stack {
    left: 1rem;
    right: auto;
  }
  html[dir="rtl"] .floating-cta {
    left: 1rem;
    right: auto;
  }
}