/* ========================================================================= Hebrew (RTL) overrides for the Onyx theme. Loaded only on /he/ pages. handles most flow (text alignment, flex/grid order); this sheet swaps Hebrew fonts and fixes asymmetric physical spacing, absolute positioning, directional accents and icons. ========================================================================= */ /* ---- Hebrew fonts ---- */ html[lang="he"]{ --font-display:'Frank Ruhl Libre', Georgia, 'Times New Roman', serif; --font-body:'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif; } html[lang="he"] body{ letter-spacing:0; } /* ---- Base direction ---- */ html[dir="rtl"] body{ text-align:right; } /* Keep Latin runs (stone trade names, sizes, code, email) visually LTR inside Hebrew text so numbers and names do not reorder. */ html[dir="rtl"] .stone-name, html[dir="rtl"] .mono, html[dir="rtl"] [lang="en"], html[dir="rtl"] .lang{ direction:ltr; unicode-bidi:isolate; } /* ---- Directional icons / arrows flip ---- */ html[dir="rtl"] .ic, html[dir="rtl"] .btn > svg, html[dir="rtl"] .crumbs .sep{ transform:scaleX(-1); } /* ---- Header / nav ---- */ html[dir="rtl"] .nav-links{ text-align:right; } /* ---- Breadcrumbs ---- */ html[dir="rtl"] .crumbs{ text-align:right; } /* ---- Article dropcap: float to the right ---- */ html[dir="rtl"] .dropcap{ float:right; margin:.02em .0 0 .10em; } /* ---- Copper left-accent borders become right ---- */ html[dir="rtl"] blockquote{ border-left:0 !important; border-right:3px solid var(--copper); padding-left:0 !important; padding-right:24px; } /* ---- Trade hero: mirror the asymmetric text padding ---- */ html[dir="rtl"] .trade-hero .th-left{ padding:90px 100px 90px 64px; } @media (max-width:1100px){ html[dir="rtl"] .trade-hero .th-left{ padding:64px 48px 64px 40px; } } @media (max-width:680px){ html[dir="rtl"] .trade-hero .th-left{ padding:48px 20px; } } /* ---- Article "On this page" TOC (left rail -> right rail via grid auto-flip, but keep its own text right-aligned) ---- */ html[dir="rtl"] .toc, html[dir="rtl"] .article-toc{ text-align:right; } /* ---- Lists: bullet padding side ---- */ html[dir="rtl"] ul{ padding-right:1.1em; padding-left:0; } /* ---- Footer columns keep right alignment ---- */ html[dir="rtl"] .site-footer, html[dir="rtl"] footer{ text-align:right; } /* ---- Form fields holding LTR data (email, phone, URL): keep character order left-to-right so "+972 …" and emails read correctly, but stay aligned to the RTL start edge (right). ---- */ html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="url"], html[dir="rtl"] input[name="phone"], html[dir="rtl"] input[name="email"], html[dir="rtl"] input[name="portfolio"], html[dir="rtl"] input[name="website"], html[dir="rtl"] input[name="url"]{ direction:ltr; text-align:right; }