/* ============================================================
   RADOBELLA — RTL Overrides
   Applies for Arabic (ar), Persian (fa), Hebrew (he), Urdu (ur)
   Loaded via PHP when $locale->isRtl() === true
   ============================================================ */

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

  /* Reverse flex row directions */
  .header-inner,
  .hero-btns,
  .header-actions,
  .footer-bottom,
  .footer-legal,
  .feature-item,
  .section-head,
  .why-stats,
  .footer-socials {
    flex-direction: row-reverse;
  }

  /* Hero text alignment */
  .hero-panel--left { text-align: right; }
  .hero-kicker,
  .hero-subtext { text-align: right; }

  /* Nav link underline origin */
  .nav-link::after {
    transform-origin: inline-end;
  }

  /* Logo tagline */
  .logo { align-items: flex-end; }

  /* Product card link */
  .product-card__link { flex-direction: row-reverse; }
  .product-card:hover .product-card__link svg { transform: translateX(-2px); }

  /* Section link arrow */
  .section-link svg { transform: rotate(180deg); }
  .section-link:hover svg { transform: rotate(180deg) translateX(3px); }

  /* Button icons */
  .btn:hover svg { transform: translateX(-3px); }

  /* Locale banner close button */
  .locale-banner__close {
    inset-inline-end: auto;
    inset-inline-start: var(--px);
  }

  /* Hero controls */
  .hero-controls {
    inset-inline-start: auto;
    inset-inline-end: clamp(24px, 4vw, 56px);
    flex-direction: row-reverse;
  }

  /* Hero right text */
  .hero-right-text {
    inset-inline-end: auto;
    inset-inline-start: 28px;
    transform: rotate(0deg);
  }

  /* Footer grid */
  .footer-col { text-align: right; }
  .footer-brand-desc { text-align: right; }

  /* Lang panel grid */
  .lang-item { text-align: right; }

  /* Mobile nav */
  .mobile-nav a { text-align: right; }

  /* Stat numbers — keep LTR for numerals */
  .stat-number { direction: ltr; text-align: start; }

  /* Perf strip separators */
  .perf-strip__inner { flex-direction: row-reverse; }

  /* Reveal animation: flip left/right */
  .reveal--left  { transform: translateX(24px); }
  .reveal--right { transform: translateX(-24px); }
  .reveal--left.visible,
  .reveal--right.visible { transform: translateX(0); }

  /* Radiator fin highlight */
  .radiator-fin::after {
    inset-inline-start: auto;
    inset-inline-end: 2px;
  }

  /* Feature items */
  .feature-label { text-align: center; }

  /* Why content */
  .why-content h2,
  .why-content p { text-align: right; }
}