/* ===== Arabic / RTL overrides (loaded after style.css on /ar/ pages) ===== */
:root {
  --font: "Cairo", "Tajawal", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
  --head: "Cairo", "Tajawal", system-ui, sans-serif;
}
body {
  line-height: 1.85;
}
h1,
h2,
h3,
h4 {
  line-height: 1.45;
}
.eyebrow,
.logo,
.wordmark,
.wordmark small {
  letter-spacing: 0;
  text-transform: none;
}
.eyebrow {
  font-size: 0.9rem;
}
.wordmark {
  line-height: 1.1;
}
.wordmark small {
  font-size: 0.72rem;
  opacity: 0.85;
  margin-top: 2px;
}
.logo {
  font-size: 1.5rem;
}
.skip {
  left: auto;
  right: -999px;
}
.skip:focus {
  right: 8px;
  left: auto;
}
.nav a.link::after {
  left: auto;
  right: 0;
}
.nav a.link {
  font-size: 0.95rem;
}
.hero::before {
  background: linear-gradient(
    260deg,
    rgba(6, 47, 67, 0.88) 0%,
    rgba(6, 47, 67, 0.55) 55%,
    rgba(6, 47, 67, 0.2) 100%
  );
}
.hero h1 {
  max-width: 16ch;
}
.btn .arrow {
  display: inline-block;
}
.btn:hover .arrow {
  transform: translateX(-4px);
}
.img-card .badge {
  right: auto;
  left: -14px;
}
.bar {
  left: auto;
  right: 0;
  background: linear-gradient(270deg, var(--sea-800), var(--sea-600));
  justify-content: flex-start;
}
.bar.range {
  background: linear-gradient(270deg, var(--sea-800) var(--min), #7fb8c5 var(--min));
}
.chart-row.oman .bar {
  background: linear-gradient(270deg, var(--coral), #ff9a6b);
}
.chart-row.dubai .bar {
  background: linear-gradient(270deg, var(--sea-800), var(--sea-600));
}
.bar-wrap .val {
  right: auto;
  left: 12px;
  font-size: 0.85rem;
}
caption,
th,
td {
  text-align: right;
}
.sources ol {
  margin: 0.4rem 1.1rem 0.8rem 0;
}
.zone {
  border-left: 0;
  border-right: 5px solid var(--turq);
}
.note-box {
  border-left: 0;
  border-right: 5px solid var(--coral);
}
.note-box ul {
  padding: 0 1.2rem 0 0;
}
summary {
  padding: 1.15rem 1.4rem 1.15rem 3.2rem;
}
summary::after {
  right: auto;
  left: 1.3rem;
}
.sticky-cta {
  right: auto;
  left: 18px;
}
.hp {
  left: auto;
  right: -9999px;
}
.fta h4 {
  line-height: 1.5;
}
.cmp td.edge {
  white-space: normal;
}
.status {
  font-size: 0.8rem;
}
.calc input[type="range"] {
  direction: rtl;
}
.latin,
.num {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}
.legal ul {
  padding: 0 1.2rem 0 0;
}
.card .more {
  font-size: 0.98rem;
}
.step .n {
  font-family: "Cairo", sans-serif;
}
@media (max-width: 900px) {
  .nav ul {
    inset: 0 0 0 30%;
  }
  .img-card .badge {
    right: auto;
    left: 8px;
  }
}
.lang-switch {
  direction: ltr;
}