/* ==========================================================================
   Oustad Connect — RTL / Arabic
   ========================================================================== */

[dir="rtl"] {
  --font-body: "Noto Sans Arabic", "Inter", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Noto Sans Arabic", "Inter", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Arial, sans-serif;
}

[dir="rtl"] body {
  font-size: 1rem;
  line-height: 1.85;
  letter-spacing: 0;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4 {
  letter-spacing: 0;
  line-height: 1.38;
}

[dir="rtl"] p,
[dir="rtl"] li,
[dir="rtl"] .section-lead,
[dir="rtl"] .hero-lead,
[dir="rtl"] .page-lead {
  line-height: 1.85;
}

[dir="rtl"] .hero-title {
  line-height: 1.3;
  letter-spacing: 0;
  font-size: clamp(2.1rem, 4.5vw, 3.45rem);
}

[dir="rtl"] .hero-title .accent {
  white-space: normal;
}

[dir="rtl"] .hero-title .accent::after {
  bottom: 0.02em;
}

[dir="rtl"] .page-title {
  line-height: 1.32;
  letter-spacing: 0;
}

[dir="rtl"] .section-title {
  line-height: 1.42;
}

[dir="rtl"] .brand-sub,
[dir="rtl"] .brand-name,
[dir="rtl"] .gateway-brand-sub,
[dir="rtl"] .footer-brand .brand-name {
  letter-spacing: 0;
}

[dir="rtl"] .brand-sub {
  font-size: 0.75rem;
}

[dir="rtl"] .eyebrow,
[dir="rtl"] .footer-title,
[dir="rtl"] .contact-label,
[dir="rtl"] .status-tag {
  letter-spacing: 0.02em;
}

[dir="rtl"] .eyebrow {
  text-transform: none;
  font-size: 0.82rem;
}

[dir="rtl"] .footer-title,
[dir="rtl"] .contact-label {
  text-transform: none;
  font-size: 0.82rem;
}

[dir="rtl"] .status-tag {
  font-size: 0.72rem;
}

[dir="rtl"] .nav-link {
  font-size: 0.95rem;
}

[dir="rtl"] .nav-link,
[dir="rtl"] .footer-links a,
[dir="rtl"] .footer-contact a,
[dir="rtl"] .footer-contact span {
  line-height: 1.6;
}

[dir="rtl"] .hero-badge {
  padding: 0.42rem 0.85rem 0.42rem 0.55rem;
  font-size: 0.85rem;
}

[dir="rtl"] .hero-lead {
  font-size: clamp(1rem, 1.4vw, 1.1rem);
}

[dir="rtl"] .hero-trust li,
[dir="rtl"] .meta-pill,
[dir="rtl"] .chip,
[dir="rtl"] .stat-label,
[dir="rtl"] .card p,
[dir="rtl"] .feature-card p,
[dir="rtl"] .value-card p,
[dir="rtl"] .info-card p,
[dir="rtl"] .step p,
[dir="rtl"] .contact-card p,
[dir="rtl"] .faq-item .faq-answer,
[dir="rtl"] .aside-card p,
[dir="rtl"] .footer-desc,
[dir="rtl"] .footer-note p {
  line-height: 1.8;
}

[dir="rtl"] .card h3,
[dir="rtl"] .value-card h3,
[dir="rtl"] .info-card h3,
[dir="rtl"] .step h3 {
  line-height: 1.45;
}

[dir="rtl"] .quote-card blockquote {
  line-height: 1.65;
  letter-spacing: 0;
}

[dir="rtl"] .quote-mark {
  transform: scaleX(-1);
}

[dir="rtl"] .cta-copy h2,
[dir="rtl"] .cta-copy p {
  letter-spacing: 0;
}

[dir="rtl"] .feature-copy h2,
[dir="rtl"] .feature-copy > p {
  letter-spacing: 0;
}

[dir="rtl"] .contact-value {
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

[dir="rtl"] .stat-value {
  letter-spacing: 0;
}

[dir="rtl"] .btn {
  font-size: 0.92rem;
}

[dir="rtl"] .lang-link {
  font-family: "Inter", sans-serif;
  letter-spacing: 0.06em;
}

/* Direction-aware icons */
[dir="rtl"] .icon-arrow {
  transform: scaleX(-1);
}

[dir="rtl"] .btn:hover .icon-arrow,
[dir="rtl"] .text-link:hover .icon-arrow,
[dir="rtl"] .card-link:hover .icon-arrow,
[dir="rtl"] .gateway-card:hover .icon-arrow {
  transform: scaleX(-1) translateX(3px);
}

/* Decorative positioning */
[dir="rtl"] .feature-media::after {
  transform: translateX(50%);
}

[dir="rtl"] .hero-art::before {
  inset-inline-end: -7%;
}

[dir="rtl"] .hero-art-chip {
  text-align: start;
}

[dir="rtl"] .footer-note p {
  border-inline-start: 0;
}

[dir="rtl"] .breadcrumb {
  font-size: 0.84rem;
}

[dir="rtl"] .faq-item summary {
  line-height: 1.6;
}

[dir="rtl"] .faq-item summary::after {
  font-family: "Inter", sans-serif;
}

[dir="rtl"] .step::before {
  letter-spacing: 0.05em;
}

[dir="rtl"] .feature-art-tag,
[dir="rtl"] .hero-art-chip-text strong,
[dir="rtl"] .hero-art-chip-text span {
  letter-spacing: 0;
}

[dir="rtl"] .gateway-card h2 {
  line-height: 1.45;
}

[dir="rtl"] .gateway-card .gateway-card-lang {
  font-family: "Inter", sans-serif;
}

[dir="rtl"] .gateway-card:nth-child(2) .gateway-card-lang {
  font-family: "Noto Sans Arabic", sans-serif;
  letter-spacing: 0;
}

[dir="rtl"] .site-footer {
  text-align: start;
}