/* ============================================================
   Namla Support & Feedback — RTL Styles (Urdu / اردو)
   Enhanced legibility, Nastaliq line heights, and sentence spacing
   ============================================================ */

[dir="rtl"] {
  font-family: var(--font-urdu);
  direction: rtl;
  text-align: right;
  letter-spacing: 0.015em;
  word-spacing: 0.08em;
}

[dir="rtl"] body {
  font-family: var(--font-urdu);
  line-height: 2.1;
  font-size: 1.02rem;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: var(--font-urdu);
  line-height: 1.65;
  margin-block-end: var(--space-3);
}

/* Hero Section in Urdu */
[dir="rtl"] .hero h1 {
  line-height: 1.55;
  margin-block-end: var(--space-4);
}

[dir="rtl"] .hero-lead {
  line-height: 2.15;
  font-size: 1.12rem;
  margin-block-end: var(--space-5);
}

[dir="rtl"] .hero-kicker {
  font-size: 0.95rem;
  margin-block-end: var(--space-2);
}

/* Choice card text in Urdu */
[dir="rtl"] .choice-card h3 {
  line-height: 1.5;
  margin-block-end: var(--space-2);
}

[dir="rtl"] .choice-card p {
  line-height: 2;
  font-size: 0.96rem;
}

/* Forms, labels, hints in Urdu */
[dir="rtl"] .form-label {
  font-size: 0.96rem;
  line-height: 1.8;
  margin-block-end: var(--space-2);
}

[dir="rtl"] .field-hint {
  font-size: 0.88rem;
  line-height: 1.9;
  margin-block-start: var(--space-1);
}

/* Select background icon flipping */
[dir="rtl"] .lang-select,
[dir="rtl"] .form-select {
  background-position: left 0.75rem center;
  padding-inline-start: 2.2rem;
  padding-inline-end: var(--space-3);
  font-family: var(--font-urdu);
  line-height: 1.8;
}

/* Checkbox & radio alignment in RTL */
[dir="rtl"] .custom-check-box,
[dir="rtl"] .custom-radio-circle {
  margin-inline-end: 0;
  margin-inline-start: var(--space-3);
  flex-shrink: 0;
}

[dir="rtl"] .custom-check,
[dir="rtl"] .custom-radio {
  line-height: 2;
}

[dir="rtl"] .custom-check input:checked + .custom-check-box::after {
  transform: rotate(45deg) translate(1px, -1px);
}

/* Choice card inputs in RTL */
[dir="rtl"] .choice-card input[type="radio"] {
  inset-inline-end: auto;
  inset-inline-start: var(--space-5);
}

/* Notice callout in RTL */
[dir="rtl"] .notice {
  border-inline-start-width: 4px;
  border-inline-end-width: 0;
  line-height: 2.1;
}

[dir="rtl"] .notice-body p {
  line-height: 2;
}

/* Reference card in RTL */
[dir="rtl"] .reference-card {
  border-inline-start-width: 5px;
  border-inline-end-width: 0;
}

[dir="rtl"] .reference-code-val {
  letter-spacing: 0.08em;
}

/* Icons & chevrons */
[dir="rtl"] .icon-flipped {
  transform: scaleX(-1);
}

/* Lists and errors */
[dir="rtl"] .error-summary-list {
  padding-inline-start: var(--space-5);
  padding-inline-end: 0;
  line-height: 2;
}

[dir="rtl"] .site-nav a {
  font-family: var(--font-urdu);
  font-size: 0.95rem;
}

[dir="rtl"] .btn {
  font-family: var(--font-urdu);
  font-size: 0.98rem;
  line-height: 1.6;
}

/* Spacing between sentences in paragraphs */
[dir="rtl"] p {
  margin-block-end: 1rem;
}
