/* ===================================================================
   HEBREW (RTL) OVERRIDES — loaded after styles.css on /he/ pages

   Philosophy:
   - The olla. brand DNA stays in DM Sans / Instrument Serif (the logo,
     English brand names like H&M / yves saint laurent / etc, decorative
     UI tags like "RETAINED" / "Fashion · Content").
   - Hebrew body / headings / CTAs use Heebo (sans) + Frank Ruhl Libre
     (serif italic).
   - Brand identity is never overridden by language.
   =================================================================== */

/* Body default → Heebo on Hebrew pages */
[dir="rtl"] body,
[dir="rtl"] .who-body,
[dir="rtl"] .who-h1,
[dir="rtl"] .impact-h2,
[dir="rtl"] .impact-para,
[dir="rtl"] .impact-title,
[dir="rtl"] .impact-desc,
[dir="rtl"] .sys-h2,
[dir="rtl"] .sys-p,
[dir="rtl"] .bridge-statement,
[dir="rtl"] .bridge-sub,
[dir="rtl"] .bridge-lbl,
[dir="rtl"] .bridge-cats li,
[dir="rtl"] .brands-hd .lbl,
[dir="rtl"] .cta-h2,
[dir="rtl"] .cta-sub,
[dir="rtl"] .lbl,
[dir="rtl"] .btn-pill,
[dir="rtl"] .btn-book,
[dir="rtl"] .arrow-link,
[dir="rtl"] .who-play,
[dir="rtl"] .hg-block-title,
[dir="rtl"] .nav-center a,
[dir="rtl"] .nav-links a:not(.btn-book):not(.lang-switch),
[dir="rtl"] .mobile-menu a,
[dir="rtl"] .impact-num,
[dir="rtl"] .m-item,
[dir="rtl"] .book-modal-h,
[dir="rtl"] .book-modal-sub,
[dir="rtl"] .book-field-lbl,
[dir="rtl"] .book-field input,
[dir="rtl"] .book-field textarea,
[dir="rtl"] .book-success h3,
[dir="rtl"] .book-success p {
  font-family: 'Heebo', sans-serif;
}

/* Italic accents → Frank Ruhl Libre (editorial Hebrew serif italic) */
[dir="rtl"] .who-h1 em,
[dir="rtl"] .impact-h2 em,
[dir="rtl"] .sys-h2 em,
[dir="rtl"] .bridge-statement em,
[dir="rtl"] .bridge-sub em,
[dir="rtl"] .cta-h2 em,
[dir="rtl"] .book-modal-h em,
[dir="rtl"] .impact-h2 em {
  font-family: 'Frank Ruhl Libre', serif;
  font-style: italic;
  font-weight: 400;
}

/* Brand DNA — keep ORIGINAL fonts. Never override. */
[dir="rtl"] .nav-logo,
[dir="rtl"] .logo,
[dir="rtl"] .foot-logo,
[dir="rtl"] .cta-email,
[dir="rtl"] .od-logo,
[dir="rtl"] .od-brand,
[dir="rtl"] .od-meta,
[dir="rtl"] .od-pub,
[dir="rtl"] .od-week,
[dir="rtl"] .brand-name,
[dir="rtl"] .brand-cat,
[dir="rtl"] .brand-tag {
  font-family: 'DM Sans', sans-serif !important;
  unicode-bidi: plaintext;
}

[dir="rtl"] .brand-name.serif-it,
[dir="rtl"] .cta-h2 em + *,
[dir="rtl"] .who-h1 em + * {
  font-family: 'Instrument Serif', serif !important;
}

/* Keep the top nav and the hero navbar in LTR layout (olla. logo on LEFT,
   CTAs/links on RIGHT) — even though page is RTL. */
[dir="rtl"] .nav,
[dir="rtl"] .navbar,
[dir="rtl"] .nav-links,
[dir="rtl"] .nav-center,
[dir="rtl"] .nav-right {
  direction: ltr;
}
[dir="rtl"] .nav-center a,
[dir="rtl"] .nav-links a:not(.btn-book):not(.lang-switch),
[dir="rtl"] .btn-pill,
[dir="rtl"] .btn-book {
  unicode-bidi: plaintext;
}

/* Mobile menu inside Hebrew — RTL flowing */
[dir="rtl"] .mobile-menu {
  direction: rtl;
}

/* Hebrew typography polish — heavier weights and tighter tracking
   to match the editorial feel of the welcome email */
[dir="rtl"] .who-h1 {
  font-weight: 700;
  letter-spacing: -0.018em;
  line-height: 1.06;
}
[dir="rtl"] .impact-h2,
[dir="rtl"] .sys-h2,
[dir="rtl"] .cta-h2,
[dir="rtl"] .bridge-statement {
  font-weight: 700;
  letter-spacing: -0.018em;
  line-height: 1.08;
}
[dir="rtl"] .who-body,
[dir="rtl"] .impact-para,
[dir="rtl"] .sys-p,
[dir="rtl"] .bridge-sub {
  font-weight: 400;
  line-height: 1.78;
}
[dir="rtl"] .lbl {
  font-weight: 500;
  letter-spacing: 0.06em;
}

/* Mirror arrow icons for RTL reading direction */
[dir="rtl"] .impact-arr svg,
[dir="rtl"] .who-play-circle svg {
  transform: scaleX(-1);
}
[dir="rtl"] .btn-book .ico-ne,
[dir="rtl"] .cta-circle .ico-ne {
  transform: scaleX(-1);
}

/* ───────── Language switch — minimalist text link ───────── */
.lang-switch {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-med);
  padding: 0;
  border: none;
  background: transparent;
  text-decoration: none;
  flex-shrink: 0;
  align-self: center;
  opacity: 0.72;
  transition: opacity 0.2s, color 0.2s;
  position: relative;
  unicode-bidi: plaintext;
}
.lang-switch::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 1px;
  background: currentColor;
  opacity: 0;
  transition: opacity 0.2s;
}
.lang-switch:hover {
  opacity: 1;
  color: var(--ink);
}
.lang-switch:hover::after {
  opacity: 0.55;
}

.lang-switch-hero {
  color: #f3ece0;
  opacity: 0.7;
}
.lang-switch-hero:hover {
  color: #f3ece0;
  opacity: 1;
}

.mobile-lang {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  color: var(--ink-soft) !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(24,22,19,0.08) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media (max-width: 960px) {
  .lang-switch:not(.lang-switch-hero) {
    display: none;
  }
}