/* ==========================================================================
   Deep Waters — he.css
   Loaded ONLY by pages under /he/, after the other stylesheets.

   This file does NOT mirror the layout. Direction comes from dir="rtl" on
   <html> plus logical properties in layout.css and components.css. If you find
   yourself writing a left/right override here, the bug is upstream.

   What belongs here: optical corrections for Hebrew type. Frank Ruhl Libre and
   Assistant both carry Hebrew, but Hebrew has no ascenders or descenders to
   speak of and no capitals, so identical metrics read tighter and smaller than
   they do in Latin.
   ========================================================================== */

:root {
  /* Hebrew sets on a single visual band, so the display leading that looks
     tight and confident in Latin looks collided in Hebrew. */
  --lh-hero: 1.12;
  --lh-display: 1.15;
  --lh-heading: 1.24;
  --lh-body: 1.72;

  /* Negative tracking exists to close gaps between Latin letterforms. Hebrew
     square script has no such gaps, and tightening it just muddies the word. */
  --tr-display: 0;

  /* No uppercase and no small caps in Hebrew, so the tracked label loses its
     cue. Keep the tracking modest and let the weight carry it. */
  --tr-label: 0.04em;
  --tr-btn: 0.03em;

  /* Hebrew glyphs sit optically small at the same size as Latin */
  --fs-body: 1.125rem;
  --fs-small: 1rem;
  --fs-label: 0.8125rem;

  /* The hero headline is short in Hebrew — "הקניון שלא ראו." is three words —
     so it does not need the same ceiling to fill the slot. */
  --fs-hero: clamp(2.6rem, 1.2rem + 5.6vw, 4.5rem);
}

/* Display weights: Frank Ruhl Libre's Hebrew at 900 is very heavy at large
   sizes. 700 holds the same authority without turning into a slab. */
h1,
h2 {
  font-weight: 700;
}

/* text-transform: uppercase is a no-op on Hebrew but still applies to any
   Latin brand name inside the string, which then shouts. */
.data,
.footer-col h2,
.lang-switch a,
.crumbs,
.field label,
legend,
.btn,
.chip,
.table thead th,
.footer-legal a,
.wa-float__label {
  text-transform: none;
}

/* Without uppercase the label needs a little more weight to stay a label */
.data,
.eyebrow,
.crumbs,
.field label {
  font-weight: 700;
}

/* Numbers, prices, times and Latin names are wrapped in <span dir="ltr">.
   isolate is already set in base.css; this only stops them inheriting the
   tracked, transformed treatment. */
[dir="ltr"] {
  letter-spacing: normal;
}

/* The tabular-figure setting that keeps a price column aligned is wrong for
   Hebrew running text, where the digits are the only Latin-ish glyphs. */
.data {
  font-variant-numeric: normal;
}

.table td,
.facts dd,
.num {
  font-variant-numeric: tabular-nums;
}
