/* ── RTL / Arabic layout overrides ─────────────────────────────── */

html[dir="rtl"] body {
  font-family: 'Noto Sans Arabic', 'Segoe UI', Arial, sans-serif;
}

/* Nav direction */
html[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}
html[dir="rtl"] .nav-cta {
  flex-direction: row-reverse;
}
html[dir="rtl"] .mobile-panel a {
  text-align: right;
}

/* Hero text alignment */
html[dir="rtl"] .hero-copy {
  text-align: right;
}
html[dir="rtl"] .hero-actions {
  flex-direction: row-reverse;
}
html[dir="rtl"] .hero-copy ul {
  text-align: right;
}

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

/* About strip */
html[dir="rtl"] .about-strip {
  direction: rtl;
}
html[dir="rtl"] .about-strip-stats {
  direction: rtl;
}

/* Stats row */
html[dir="rtl"] .stats-row {
  direction: rtl;
}

/* Footer grid */
html[dir="rtl"] .footer-grid {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] footer .small {
  text-align: right;
}
html[dir="rtl"] .footer-grid h4 {
  text-align: right;
}
html[dir="rtl"] hr.sep + div {
  flex-direction: row-reverse;
}

/* Contact layout */
html[dir="rtl"] .contact-layout {
  direction: rtl;
}
html[dir="rtl"] .contact-form {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .form-row {
  direction: rtl;
}
html[dir="rtl"] .form-group label {
  text-align: right;
}
html[dir="rtl"] .form-group input,
html[dir="rtl"] .form-group textarea {
  text-align: right;
}

/* Card text */
html[dir="rtl"] .card {
  text-align: right;
}
html[dir="rtl"] .card h3,
html[dir="rtl"] .card h2 {
  text-align: right;
}

/* Product cards */
html[dir="rtl"] .product .top {
  text-align: right;
}
html[dir="rtl"] .meta {
  flex-direction: row-reverse;
}
html[dir="rtl"] .specs ul {
  text-align: right;
  padding-right: 18px;
  padding-left: 0;
}

/* Gallery captions */
html[dir="rtl"] .gcap {
  text-align: right;
}

/* Brand strip */
html[dir="rtl"] .brand-strip-inner {
  flex-direction: row-reverse;
}

/* About story grid */
html[dir="rtl"] .about-story-grid {
  direction: rtl;
}

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

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

/* Buttons in cards */
html[dir="rtl"] .card > div[style*="display:flex"] {
  flex-direction: row-reverse;
}

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

/* ── RTL Mobile fixes ────────────────────────────────────────────── */
@media (max-width: 960px) {
  html[dir="rtl"] .nav-cta .btn-ghost:not(.menu-btn) {
    display: none;
  }
}

@media (max-width: 480px) {
  html[dir="rtl"] .hero-actions {
    flex-direction: column;
  }
  html[dir="rtl"] .hero-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  html[dir="rtl"] .stats-row {
    grid-template-columns: repeat(2, 1fr);
  }
  html[dir="rtl"] .grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}