/* ============================================================
   ICE Arabia — Arabic / RTL overrides (loaded only on /ar/ pages)
   ============================================================ */

/* Arabic typography — repoint the two font variables so every
   component that uses var(--display)/var(--body) switches automatically */
html[lang="ar"] {
  --display: "Cairo", "Tajawal", system-ui, sans-serif;
  --body: "Tajawal", "Segoe UI", system-ui, sans-serif;
}
html[lang="ar"] body { font-weight: 400; }

/* Arabic text should not be letter-spaced or uppercased */
html[lang="ar"] .eyebrow,
html[lang="ar"] .brand__text em,
html[lang="ar"] .pcard__cat,
html[lang="ar"] .topbar__lang { letter-spacing: 0; text-transform: none; }
html[lang="ar"] .section-title,
html[lang="ar"] .hero__title,
html[lang="ar"] .page-hero h1 { letter-spacing: 0; line-height: 1.35; }

/* Arabic body copy: default line-height in styles.css is tuned for Latin text
   and crowds Arabic diacritics (shadda, etc.) — open it up a bit */
html[lang="ar"] .hero__lead,
html[lang="ar"] .section-sub,
html[lang="ar"] p { line-height: 1.7; }

/* Brand lockup: English wordmark + Arabic subtitle sit right on top of each
   other at line-height 1.05 — give the Arabic line room to breathe */
html[lang="ar"] .brand__text { gap: 3px; }
html[lang="ar"] .brand__text em { line-height: 1.4; }

/* ---- directional flips ---- */
[dir="rtl"] .brand { margin-right: 0; margin-left: auto; }
[dir="rtl"] .header__cta { margin-left: 0; margin-right: 8px; }
[dir="rtl"] .topbar .ic { margin-right: 0; margin-left: 5px; }

[dir="rtl"] .loc { border-left: 1px solid rgba(91, 70, 54, .07); border-right: 6px solid var(--orange); }

[dir="rtl"] .ticks li { padding-left: 0; padding-right: 34px; }
[dir="rtl"] .ticks li::before { left: auto; right: 0; }

[dir="rtl"] .crumbs { direction: rtl; }

/* hero: mirror the gradient so the dark (legible) side is on the right where Arabic text sits */
[dir="rtl"] .hero {
  background:
    linear-gradient(255deg, rgba(10, 62, 66, .95) 0%, rgba(13, 87, 92, .88) 42%, rgba(13, 87, 92, .60) 100%),
    radial-gradient(1100px 600px at 20% -10%, rgba(21, 154, 160, .45), transparent 60%),
    url(../assets/backgroundlandingpage.jpg) center / cover no-repeat,
    linear-gradient(195deg, var(--teal-800) 0%, var(--teal-900) 100%);
}
/* floating bubbles to the left so they don't sit under the right-aligned heading */
[dir="rtl"] .floater--1 { right: auto; left: 6%; }
[dir="rtl"] .floater--2 { right: auto; left: 22%; }
[dir="rtl"] .floater--3 { right: auto; left: 7%; }
[dir="rtl"] .floater--4 { right: auto; left: 30%; }

/* toast stays centered (already translateX-centered) */

/* product detail modal + hover hint */
html[lang="ar"] .pcard__hint { letter-spacing: 0; text-transform: none; }
[dir="rtl"] .modal__close { right: auto; left: 12px; }
[dir="rtl"] .catalog__search svg { left: auto; right: 14px; }
[dir="rtl"] .catalog__search input { padding: 11px 40px 11px 16px; }