/* ==========================================================================
   MULTISACK — Arabic (RTL) overrides
   Loaded AFTER style.css, only by pages using <html lang="ar" dir="rtl">.
   ========================================================================== */

html[dir="rtl"] {
  --font: "Cairo", "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;
}

html[dir="rtl"] body {
  font-family: var(--font);
  line-height: 1.8;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  line-height: 1.45;
}

/* Arabic script must never be letter-spaced */
html[dir="rtl"] .section-head .kicker,
html[dir="rtl"] .hero__badge,
html[dir="rtl"] .hero__content h1,
html[dir="rtl"] .hero__content h2,
html[dir="rtl"] .stats__item .label,
html[dir="rtl"] .product-card__tag,
html[dir="rtl"] .about-preview__badge span,
html[dir="rtl"] .factory-item__overlay span,
html[dir="rtl"] .footer h4,
html[dir="rtl"] .product-row__body .kicker,
html[dir="rtl"] .spec-table th {
  letter-spacing: 0;
}

/* Latin wordmark inside the logo keeps its LTR order */
html[dir="rtl"] .logo__text {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;
}

/* ---------- Top bar ---------- */
html[dir="rtl"] .topbar__right {
  flex-direction: row-reverse;
}

/* ---------- Header / nav ---------- */
html[dir="rtl"] .nav__cta { margin-left: 0; margin-right: 12px; }

@media (max-width: 992px) {
  html[dir="rtl"] .nav__menu {
    right: auto;
    left: -100%;
    box-shadow: 8px 0 30px rgba(14, 58, 93, .15);
    transition: left .3s ease;
  }
  html[dir="rtl"] .nav__menu.is-open { left: 0; right: auto; }
  html[dir="rtl"] .nav__cta { margin: 12px 0 0; }
}

/* ---------- Hero ---------- */
html[dir="rtl"] .hero__slide::before {
  background: linear-gradient(260deg, rgba(10, 43, 69, .92) 0%, rgba(10, 43, 69, .72) 40%, rgba(10, 43, 69, .25) 100%);
}

/* ---------- Stats ---------- */
html[dir="rtl"] .stats__item .num {
  direction: ltr;
  unicode-bidi: isolate;
}

/* ---------- Product cards ---------- */
html[dir="rtl"] .product-card__tag {
  left: auto;
  right: 14px;
}

html[dir="rtl"] .product-card__link svg {
  transform: scaleX(-1);
}

html[dir="rtl"] .product-card__link:hover svg {
  transform: scaleX(-1) translateX(4px);
}

/* ---------- About preview ---------- */
html[dir="rtl"] .about-preview__media::after {
  inset: -18px -18px 18px 18px;
}

html[dir="rtl"] .about-preview__badge {
  right: auto;
  left: -12px;
}

@media (max-width: 960px) {
  html[dir="rtl"] .about-preview__badge { right: auto; left: 10px; }
}

/* ---------- CTA band ---------- */
html[dir="rtl"] .cta-band {
  background: linear-gradient(240deg, var(--primary) 0%, var(--primary-light) 100%);
}

html[dir="rtl"] .cta-band::before {
  right: auto;
  left: -120px;
}

html[dir="rtl"] .cta-band::after {
  left: auto;
  right: -80px;
}

/* ---------- Page hero ---------- */
html[dir="rtl"] .page-hero {
  background: linear-gradient(240deg, var(--primary-dark) 0%, var(--primary) 60%, var(--primary-light) 100%);
}

html[dir="rtl"] .page-hero::before {
  left: auto;
  right: -100px;
}

html[dir="rtl"] .page-hero::after {
  right: auto;
  left: -60px;
}

/* ---------- Contact page ---------- */
html[dir="rtl"] .contact-card:hover {
  transform: translateX(-4px);
}

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

html[dir="rtl"] .form-group input[type="email"] {
  direction: ltr;
  text-align: right;
}

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

/* ---------- Timeline ---------- */
html[dir="rtl"] .timeline {
  padding-left: 0;
  padding-right: 30px;
}

html[dir="rtl"] .timeline::before {
  left: auto;
  right: 8px;
}

html[dir="rtl"] .timeline-item::before {
  left: auto;
  right: -30px;
}

/* ---------- Equipment cards ---------- */
html[dir="rtl"] .equip-card {
  border-left: 1px solid var(--border);
  border-right: 5px solid var(--primary);
}

/* ---------- FAQ ---------- */
html[dir="rtl"] .faq-item__q {
  text-align: right;
}

/* ---------- Floating WhatsApp ---------- */
html[dir="rtl"] .whatsapp-float {
  right: auto;
  left: 26px;
}

/* ---------- Skip link ---------- */
html[dir="rtl"] .skip-link {
  left: auto;
  right: -9999px;
}

html[dir="rtl"] .skip-link:focus {
  right: 0;
  left: auto;
}

/* ---------- Bidi isolation for phone / e-mail ---------- */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"] {
  display: inline-block;
  direction: ltr;
  unicode-bidi: isolate;
}