@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;700;800;900&family=Noto+Sans+Hebrew:wght@300;400;500;700;800;900&display=swap');

html[dir="rtl"] {
  --rtl-font: 'Noto Sans Arabic', Tahoma, Arial, sans-serif;
  --font-display: var(--rtl-font);
  --font-body: var(--rtl-font);
  --font-serif: var(--rtl-font);
  --display: var(--rtl-font);
  --body: var(--rtl-font);
  --serif: var(--rtl-font);
  text-align: right;
}

html[lang="he"] { --rtl-font: 'Noto Sans Hebrew', Arial, sans-serif; }
html[dir="rtl"] *, html[dir="rtl"] *::before, html[dir="rtl"] *::after { letter-spacing: 0 !important; }
html[dir="rtl"] body { font-family: var(--rtl-font); }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4 { font-family: var(--rtl-font); font-weight: 800; line-height: 1.2; }
html[dir="rtl"] h1 { font-size: clamp(38px, 5vw, 76px); overflow-wrap: anywhere; }
html[dir="rtl"] .hero-headline { font-size: clamp(40px, 4.6vw, 64px); }
html[dir="rtl"] .section-title,
html[dir="rtl"] .section-title em,
html[dir="rtl"] h1 em,
html[dir="rtl"] h2 em { font-family: var(--rtl-font); font-style: normal; font-weight: 800; }
html[dir="rtl"] .hero-tagline,
html[dir="rtl"] .hero-pricing-note { font-family: var(--rtl-font); font-style: normal; }
html[dir="rtl"] .nav-links { flex-direction: row; }
html[dir="rtl"] .nav-links > a:not(:first-child)::before { left: auto; right: -14px; }
html[dir="rtl"] .lang-select { padding: 6px 10px 6px 28px; background-position: left 8px center; }
html[dir="rtl"] .faq-q-text { padding-right: 0; padding-left: 16px; }
html[dir="rtl"] .hero-sub,
html[dir="rtl"] .hero-lead,
html[dir="rtl"] .section-copy { line-height: 1.8; }
html[dir="rtl"] .hero-cta,
html[dir="rtl"] .location-actions { flex-wrap: wrap; }
html[dir="rtl"] .hero-sub em,
html[dir="rtl"] .section-copy em { font-style: normal; }

@media (max-width: 700px) {
  html[dir="rtl"] .nav-links { flex-direction: column; }
  html[dir="rtl"] h1 { font-size: clamp(35px, 9vw, 50px); }
  html[dir="rtl"] .hero-headline { font-size: clamp(38px, 9vw, 52px); }
  html[dir="rtl"] .section-title { font-size: clamp(32px, 8vw, 48px); }
}