/* Arabic presentation layer. WordPress loads this file automatically when
   the active language is RTL (for example, Arabic via WPML). */
html[dir="rtl"] body,
body.rtl {
  direction: rtl;
  text-align: right;
  font-family: Lato, "Amiri", Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .display,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  font-family: "Amiri", "Playfair Display", Georgia, serif;
}

html[dir="rtl"] .hero::after {
  background: linear-gradient(270deg, rgba(250, 246, 240, .97) 0%, rgba(250, 246, 240, .72) 42%, rgba(250, 246, 240, .08) 100%), linear-gradient(0deg, rgba(250, 246, 240, .28), transparent 45%);
}

html[dir="rtl"] .hero-copy,
html[dir="rtl"] .story-copy p {
  text-align: right;
}

html[dir="rtl"] .header-actions,
html[dir="rtl"] .product-toolbar,
html[dir="rtl"] .shop-category-strip,
html[dir="rtl"] .home-category-links {
  direction: rtl;
}

html[dir="rtl"] .header-actions { justify-content: flex-start; }
html[dir="rtl"] .header-menu .sub-menu { right: -14px; left: auto; }
html[dir="rtl"] .product-card__badge,
html[dir="rtl"] .woocommerce span.onsale { right: 12px; left: auto; }
html[dir="rtl"] .story-image::after { right: -24px; left: 24%; }

html[dir="rtl"] .newsletter form { direction: rtl; }
html[dir="rtl"] .newsletter input[type="email"] { text-align: right; }
html[dir="rtl"] .button { letter-spacing: .04em; }
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .header-menu a,
html[dir="rtl"] .header-actions a { letter-spacing: .08em; }

@media (max-width: 760px) {
  html[dir="rtl"] .mobile-toggle { order: 3; }
  html[dir="rtl"] .site-brand { order: 2; }
  html[dir="rtl"] .header-actions { order: 1; }
}