/* ===== Arabic (RTL) refinements =====
   Loaded only on pages with <html lang="ar" dir="rtl">.
   Layout mirroring is handled by logical properties in styles.css;
   this file only fixes typography and a few directional decorations. */

html[dir="rtl"] body {
  font-family: "Noto Sans Arabic", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  line-height: 1.75;
}

/* Arabic script must not be squeezed: reset the tight Latin tracking. */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] .hero h1,
html[dir="rtl"] .price,
html[dir="rtl"] .logo-text,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .section-label,
html[dir="rtl"] .dropdown-header,
html[dir="rtl"] .price-tag,
html[dir="rtl"] .contact-info span {
  letter-spacing: 0;
}

html[dir="rtl"] .eyebrow,
html[dir="rtl"] .section-label,
html[dir="rtl"] .dropdown-header,
html[dir="rtl"] .contact-info span,
html[dir="rtl"] .price-tag {
  text-transform: none;
  font-weight: 700;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 {
  line-height: 1.35;
}

html[dir="rtl"] p,
html[dir="rtl"] li {
  line-height: 1.85;
}

/* Latin text inside an Arabic sentence keeps the Latin font. */
html[dir="rtl"] .latin,
html[dir="rtl"] .logo-text,
html[dir="rtl"] .price,
html[dir="rtl"] .lang-code,
html[dir="rtl"] .lang-current {
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
}

/* Mirror the hero glow so the light falls from the reading side. */
html[dir="rtl"] .hero-bg {
  background:
    radial-gradient(ellipse 70% 55% at 15% 0%, rgba(var(--accent-rgb), 0.18), transparent 60%),
    radial-gradient(ellipse 50% 45% at 95% 90%, rgba(var(--accent-rgb), 0.1), transparent 55%);
}

/* Chevron and back-to-top stay readable in both directions. */
html[dir="rtl"] .lang-chevron,
html[dir="rtl"] .has-dropdown .dropdown-toggle svg {
  transform-origin: center;
}

/* The wizard summary and table cells read right-to-left. */
html[dir="rtl"] .wizard-summary dt,
html[dir="rtl"] .wizard-summary dd,
html[dir="rtl"] .compare-table th,
html[dir="rtl"] .compare-table td {
  text-align: start;
}

/* Keep phone numbers, e-mail addresses and codes left-to-right. */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] .phone-ltr {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* Slightly larger labels: Arabic glyphs read smaller at the same size. */
html[dir="rtl"] .section-label { font-size: 1.15rem; }
html[dir="rtl"] .eyebrow { font-size: 0.86rem; }
html[dir="rtl"] .dropdown-header { font-size: 0.8rem; }