@import url('../style.css'); @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap'); /* ========================================================================== ARABIC / RTL OVERRIDES Loaded after the base stylesheet. Only rules that need to visually mirror for RTL, plus the Arabic typography swap, live here. Flex/grid layouts mirror automatically once dir="rtl" is set on , so they are untouched. ========================================================================== */ /* --- Typography: Tajawal replaces Playfair Display + Lato for Arabic --- */ body{font-family:'Tajawal',sans-serif} h1,h2,h3, .section-title,.about-strip h2, .coll-title,.prod-name, .hero-tag .value,.about-stat strong, .quote-mark{font-family:'Tajawal',sans-serif} /* Lean on heavier weights to keep the premium feel Playfair used to carry */ .hero h1,.section-title,.about-strip h2{font-weight:800} .coll-title,.prod-name,.hero-tag .value,.about-stat strong{font-weight:700} /* Brand logo stays in Latin serif for the luxury-retail look */ .nav-logo,.f-logo{font-family:"Playfair Display",serif} /* --- Mirrored positioning & spacing --- */ /* Cart count badge overlaps the cart icon on the opposite side in RTL */ .cart-indicator{margin-left:0;margin-right:-6px} /* Floating "customer favourite" tag over the hero image */ .hero-tag{left:auto;right:32px} /* Product image badges (SALE / NEW) sit top-start; wishlist heart top-end */ .prod-badge-sale{left:auto;right:12px} .prod-badge-new{left:auto;right:12px} .prod-wish{right:auto;left:12px} /* Strike-through old price spacing flips to the other side */ .price-old{margin-left:0;margin-right:6px} /* Testimonial accent border moves to the start (right) edge */ .testi-card{border-left:none;border-right:4px solid var(--teal)} /* NOTE: .coll-overlay uses linear-gradient(0deg,...) — a purely vertical gradient with no horizontal direction, so no angle flip is needed. */