/* ============================================================
   SAIMA — RTL overrides (Arabic)
   Loaded only on /ar/ pages, after style.css
   ============================================================ */

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Arial", sans-serif;
}

/* ---------- Header / nav ---------- */
html[dir="rtl"] .nav { direction: rtl; }
html[dir="rtl"] .menu { margin-inline-start: auto; margin-inline-end: 0; }
html[dir="rtl"] .logo { direction: rtl; }
html[dir="rtl"] .logo-badge { margin-inline-end: 10px; margin-inline-start: 0; }
html[dir="rtl"] .burget,
html[dir="rtl"] .burger { margin-inline-start: 0; margin-inline-end: 12px; }

/* ---------- Language switcher ---------- */
html[dir="rtl"] .lang-menu { left: auto; right: 0; }

/* ---------- Breadcrumb ---------- */
html[dir="rtl"] .breadcrumb ol { direction: rtl; }
html[dir="rtl"] .breadcrumb li + li::before {
  content: "\2039";  /* flipped chevron */
  margin: 0 8px 0 8px;
}

/* ---------- Product card ---------- */
html[dir="rtl"] .card-badge { left: auto; right: 12px; }
html[dir="rtl"] .card-lithium { right: auto; left: 12px; }
html[dir="rtl"] .card-foot { direction: rtl; }

/* ---------- Product detail ---------- */
html[dir="rtl"] .pd-grid { direction: rtl; }
html[dir="rtl"] .pd-code { text-align: right; }
html[dir="rtl"] .pd-kpis { direction: rtl; }

/* ---------- Spec table ---------- */
html[dir="rtl"] .spec-table { direction: rtl; text-align: right; }
html[dir="rtl"] .spec-table th,
html[dir="rtl"] .spec-table td { text-align: right; }
html[dir="rtl"] .spec-table td:first-child {
  border-right: none;
  border-left: 1px solid var(--line, #e6e9ef);
}

/* ---------- Prose ---------- */
html[dir="rtl"] .prose { direction: rtl; text-align: right; }
html[dir="rtl"] .prose ul,
html[dir="rtl"] .prose ol { padding-right: 22px; padding-left: 0; }
html[dir="rtl"] .prose blockquote {
  border-right: 4px solid var(--red);
  border-left: none;
  padding-right: 16px;
  padding-left: 0;
}

/* ---------- FAQ ---------- */
html[dir="rtl"] .faq summary,
html[dir="rtl"] details summary { text-align: right; }
html[dir="rtl"] details summary::after {
  float: left;
  content: "+";
}
html[dir="rtl"] details[open] summary::after { content: "\2212"; }

/* ---------- Forms ---------- */
html[dir="rtl"] .form-grid { direction: rtl; }
html[dir="rtl"] .field label { text-align: right; display: block; }
html[dir="rtl"] .field input,
html[dir="rtl"] .field select,
html[dir="rtl"] .field textarea {
  direction: rtl;
  text-align: right;
}
/* Email + phone stay LTR so they read naturally */
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"] {
  direction: ltr;
  text-align: left;
}
html[dir="rtl"] .btn-row { direction: rtl; }

/* ---------- Contact boxes / footer ---------- */
html[dir="rtl"] .contact-grid { direction: rtl; }
html[dir="rtl"] .contact-note { text-align: right; }
html[dir="rtl"] .foot-grid { direction: rtl; }
html[dir="rtl"] .foot-bottom { direction: rtl; }

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

/* ---------- Hero ---------- */
html[dir="rtl"] .hero { text-align: right; }
html[dir="rtl"] .hero .btn-row { justify-content: flex-start; }
html[dir="rtl"] .trust-grid { direction: rtl; }

/* ---------- Latin brand names / codes keep LTR ---------- */
html[dir="rtl"] .logo-name,
html[dir="rtl"] .card-code,
html[dir="rtl"] .pd-code,
html[dir="rtl"] .pd-price-val,
html[dir="rtl"] .wa-mini,
html[dir="rtl"] .lang-btn {
  direction: ltr;
  unicode-bidi: embed;
}