/* ==========================================================================
   Bellato KSA — Arabic theme (RTL)
   Loads on top of base.css. Sets the Arabic font + RTL-only refinements.
   Most mirroring is handled by CSS logical properties in base.css + dir="rtl".
   ========================================================================== */
:root {
  --font: "Cairo", "Tajawal", system-ui, "Segoe UI", sans-serif;
  /* Arabic reads a touch smaller at display sizes; keep it graceful */
  --fs-h1: clamp(2.3rem, 5.4vw, 4.4rem);
}

body { direction: rtl; }

/* Arabic script needs a bit more line height + no negative tracking */
body { line-height: 1.85; }
h1, h2, h3, h4 { letter-spacing: 0 !important; line-height: 1.3; }
.hero-title { letter-spacing: 0; line-height: 1.15; }

/* keep numerals/prices crisp with Latin figures where needed */
.stat__num, .product-card__price, .footer__contact { font-family: "Poppins", "Cairo", sans-serif; }

/* Arabic body copy slightly larger for readability */
.hero-slide__text, .about__body p, .footer p { font-size: 1.02rem; }

/* nav items breathe a little more in Arabic */
.nav__menu a { font-size: 1rem; padding-inline: 1rem; }