/* ============================================================
   RTL (Right-to-Left) overrides for Arabic pages
   Loaded AFTER styles.css via <link rel="stylesheet" href="/assets/css/rtl.css" />
   Only applies when html[dir="rtl"] is set.
   ============================================================ */

/* Base direction */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: 'Noto Sans Arabic', 'IBM Plex Sans', sans-serif;
}

/* Topbar: flip meta and links */
html[dir="rtl"] .topbar__inner {
  flex-direction: row-reverse;
}

html[dir="rtl"] .topbar__meta {
  text-align: right;
}

html[dir="rtl"] .topbar__links {
  text-align: left;
}

/* Navbar: flip brand and nav */
html[dir="rtl"] .navbar__inner {
  flex-direction: row-reverse;
}

html[dir="rtl"] .navbar__nav {
  flex-direction: row-reverse;
}

html[dir="rtl"] .navbar__actions {
  flex-direction: row-reverse;
}

/* Brand: keep logo on right side */
html[dir="rtl"] .brand {
  flex-direction: row-reverse;
}

html[dir="rtl"] .brand__copy {
  text-align: right;
}

/* Hero section */
html[dir="rtl"] .hero--video__inner {
  text-align: right;
}

html[dir="rtl"] .hero--video__cta {
  justify-content: flex-start;
}

html[dir="rtl"] .hero--video__stats {
  direction: rtl;
}

/* Section heads */
html[dir="rtl"] .section-head {
  text-align: right;
}

/* Cards */
html[dir="rtl"] .card {
  text-align: right;
}

/* Quick points: flip bullet alignment */
html[dir="rtl"] .quick-points {
  padding-right: 1.2em;
  padding-left: 0;
}

html[dir="rtl"] .quick-points li {
  text-align: right;
}

/* Page hero */
html[dir="rtl"] .page-hero {
  text-align: right;
}

html[dir="rtl"] .page-hero__meta {
  padding-right: 1.2em;
  padding-left: 0;
}

/* Section actions: keep buttons flowing from right */
html[dir="rtl"] .section-actions {
  justify-content: flex-start;
}

/* Contact grid */
html[dir="rtl"] .contact-card {
  text-align: right;
}

html[dir="rtl"] .contact-list {
  padding-right: 0;
  padding-left: 0;
  list-style-position: inside;
}

/* Dual CTA grid */
html[dir="rtl"] .dual-cta {
  direction: rtl;
}

/* Related products grid */
html[dir="rtl"] .related-products__grid {
  direction: rtl;
}

html[dir="rtl"] .related-card {
  text-align: right;
}

/* Spec table */
html[dir="rtl"] .spec-table th,
html[dir="rtl"] .spec-table td {
  text-align: right;
}

/* Forms */
html[dir="rtl"] .form-grid {
  direction: rtl;
}

html[dir="rtl"] .form-grid label {
  text-align: right;
}

html[dir="rtl"] .form-grid input,
html[dir="rtl"] .form-grid textarea,
html[dir="rtl"] .form-grid select {
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] .form-actions {
  justify-content: flex-start;
}

/* Quote panel */
html[dir="rtl"] .quote-panel {
  text-align: right;
}

/* Footer */
html[dir="rtl"] .footer__top {
  flex-direction: row-reverse;
}

html[dir="rtl"] .footer__meta {
  text-align: left;
}

html[dir="rtl"] .footer__note {
  text-align: right;
}

/* Sticky CTA */
html[dir="rtl"] .sticky-cta {
  direction: rtl;
}

/* Eyebrow */
html[dir="rtl"] .eyebrow {
  text-align: right;
}

/* Nav toggle: keep on left side in RTL */
html[dir="rtl"] .nav-toggle {
  margin-right: auto;
  margin-left: 0;
}

/* Breadcrumb-like flows */
html[dir="rtl"] .related-card__tag {
  right: auto;
  left: auto;
}

/* Ensure LTR content (email, numbers, URLs) stays LTR */
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="https://wa.me"] {
  direction: ltr;
  unicode-bidi: embed;
}