/* front-page-rtl.css — loaded only when is_rtl()/pll_current_language()==='ar' on the
   homepage. Deliberately does NOT mirror any left/right layout positions (hero,
   split sections, grids) -- only corrects typography (font family, text-align,
   direction) so the existing English design is preserved exactly, just rendered
   in Arabic. Same font pairing as page-hub-rtl.css: Amiri for display headings,
   Tajawal for body/UI text (the site's Latin fonts have no Arabic glyphs). */

html, body { font-family: 'Tajawal', 'Cairo', 'Segoe UI', sans-serif; }

.nav__logo { font-family: 'Amiri', serif; letter-spacing: 0; direction: ltr; unicode-bidi: isolate; }
.nav__links a, .nav__dropdown-trigger {
  font-family: 'Tajawal', sans-serif; font-weight: 400; font-size: 0.95rem;
  letter-spacing: 0; text-transform: none;
}
.dropdown-title { font-family: 'Tajawal', sans-serif; font-weight: 500; font-size: 0.75rem; letter-spacing: 0; }
.nav__dropdown a { font-family: 'Tajawal', sans-serif; font-size: 0.85rem; letter-spacing: 0; }
.nav__lang-switch { font-family: 'Jost', sans-serif !important; letter-spacing: 0.1em !important; opacity: 0.6; }
@media(max-width: 980px) {
  .nav__links { right: 0; left: auto !important; }
  .nav__links a { text-align: right !important; font-size: 1rem !important; }
}

.hero__eyebrow, .hero__scroll span { font-family: 'Tajawal', sans-serif; font-size: 0.85rem; }
.hero__headline { font-family: 'Amiri', serif; font-weight: 700; line-height: 1.35; }
.hero__sub { font-family: 'Tajawal', sans-serif; font-style: normal; font-weight: 300; font-size: 1.2rem; }

.eyebrow { font-family: 'Tajawal', sans-serif; letter-spacing: 0.05em; font-size: 0.85rem; }
.sec-title, h2.sec-title, h3.sec-title { font-family: 'Amiri', serif; font-weight: 700; }
.sec-intro, .body-text { font-family: 'Tajawal', sans-serif; font-weight: 300; font-size: 1.2rem; line-height: 1.95; }
.link-arrow { font-family: 'Tajawal', sans-serif; letter-spacing: 0.02em; font-size: 0.9rem; }

/* category tiles + collection cards: keep exact grid position/order, just fix type */
.cat-grid-fixed h3, .coll-name { font-family: 'Amiri', serif; font-size: 1.3rem; }
.cat-grid-fixed p, .coll-cat { font-family: 'Tajawal', sans-serif; font-size: 1.05rem; }
.coll-desc { font-family: 'Tajawal', sans-serif; font-size: 1rem !important; line-height: 1.8; }

/* USP strip: Arabic labels can run longer inside the fixed square tiles --
   slightly reduce letter-spacing so they don't clip against the card edge */
.usp-card-title { font-family: 'Tajawal', sans-serif; font-size: 0.85rem; letter-spacing: 0.02em; padding: 0 0.5rem; }
.usp-content span:last-child { font-family: 'Tajawal', sans-serif; font-size: 0.85rem; }

/* split sections (story teaser, professional teaser): text block gets RTL
   alignment but stays in its existing left/right position -- not mirrored */
.origin-quote { border-left: none; border-right: 2px solid var(--teal); padding-left: 0; padding-right: 1.2rem; }
.origin-quote span { font-family: 'Amiri', serif; font-size: 1.6rem; }
.origin-quote cite { font-family: 'Tajawal', sans-serif; font-size: 0.85rem; }

/* footer -- same pattern as page-hub-rtl.css */
.footer-logo { font-family: 'Amiri', serif; letter-spacing: 0; direction: ltr; unicode-bidi: isolate; }
.footer-tagline { font-family: 'Tajawal', sans-serif; font-style: normal; font-size: 1rem; }
.footer-addr, .footer-col-title, .footer-col a, .footer-dist, .footer-bottom, .footer-links a {
  font-family: 'Tajawal', sans-serif;
}
.footer-addr, .footer-col a, .footer-dist { font-size: 0.95rem; }
/* address is translated Arabic text (Dubai office), no LTR override needed */