/* RTL overrides for the document-page design system (contact, privacy-policy,
   terms-of-service, legal-notice). Loaded only for the Arabic locale, on top
   of the page's own base stylesheet — mirrors what rtl.css does for the
   homepage design system. */

html[dir='rtl'] body {
  font-family: 'Cairo', system-ui, -apple-system, sans-serif;
  line-height: 1.8;
  direction: rtl;
  text-align: right;
}

html[dir='rtl'] .back-btn svg {
  transform: scaleX(-1);
}

html[dir='rtl'] .badge,
html[dir='rtl'] .page-hero .badge {
  text-transform: none;
}

html[dir='rtl'] .page-hero h1 {
  font-size: 40px;
  letter-spacing: 0;
}

html[dir='rtl'] .page-hero .updated {
  letter-spacing: 0;
}

html[dir='rtl'] .section h2 {
  font-size: 21px;
  letter-spacing: 0;
}

html[dir='rtl'] .info-box {
  border-left: none;
  border-right: 4px solid var(--yellow);
  border-radius: 10px 0 0 10px;
}

html[dir='rtl'] .warning-box {
  border-left: none;
  border-right: 4px solid #dc2626;
  border-radius: 10px 0 0 10px;
}

html[dir='rtl'] .data-table th {
  text-align: right;
}

html[dir='rtl'] .data-table th:first-child {
  border-radius: 0 10px 0 0;
}

html[dir='rtl'] .data-table th:last-child {
  border-radius: 10px 0 0 0;
}

@media (max-width: 700px) {
  html[dir='rtl'] .page-hero h1 {
    font-size: 28px;
  }
}