/* TELOS — Hebrew typography, RTL adjustments, language toggle.
   Loaded after telos.css. RTL rules are scoped to html[dir="rtl"] so they win
   on specificity without touching the English layout. */

/* ---- Hebrew font stack: Latin glyphs keep Souvenir / Plus Jakarta,
   Hebrew glyphs fall through to Noto Serif Hebrew / Rubik (per-glyph). ---- */
html[lang="he"]{
  --f-display:'Souvenir','Noto Serif Hebrew',Georgia,'Times New Roman',serif;
  --f-body:'Plus Jakarta Sans','Rubik',system-ui,-apple-system,sans-serif;
}
/* The wordmark is always the Latin identity face, in any language */
.wordmark{font-family:'Souvenir',Georgia,'Times New Roman',serif}

/* Letter-spacing + uppercase don't suit Hebrew — neutralise on label-ish text */
html[lang="he"] .eyebrow,
html[lang="he"] .gate-status,
html[lang="he"] .col-h,
html[lang="he"] .crop-name,
html[lang="he"] .crop-no,
html[lang="he"] .form-label,
html[lang="he"] .footer-soon,
html[lang="he"] .footer-base,
html[lang="he"] .conviction-attr,
html[lang="he"] .fact .k,
html[lang="he"] .annotation{letter-spacing:normal;text-transform:none}

/* ---- RTL layout adjustments ---- */
html[dir="rtl"] .hero-content,
html[dir="rtl"] .measure,
html[dir="rtl"] .crops-intro{text-align:right}

/* the Farm card: image+body swap sides (flex auto-mirrors); flip the seam blend */
html[dir="rtl"] .gate-farm .img-blend{
  background:linear-gradient(270deg, transparent 62%,
    color-mix(in srgb,var(--surface-warm) 70%,transparent) 86%, var(--surface-warm) 100%);
}
@media(max-width:900px){
  html[dir="rtl"] .gate-farm .img-blend{
    background:linear-gradient(to bottom, transparent 58%, var(--surface-warm) 100%);
  }
}

/* cultivar gallery: fade sits on the leading (left) edge in RTL */
html[dir="rtl"] .crops::after{right:auto;left:0;transform:scaleX(-1)}

/* invitation beam mirrors horizontally */
html[dir="rtl"] .invite-beam{left:auto;right:36%}

/* email / phone stay LTR even in a RTL form */
html[dir="rtl"] .form-input{text-align:right}
html[dir="rtl"] #email,
html[dir="rtl"] #phone{direction:ltr;text-align:right}
html[dir="rtl"] .form-email-note,
html[dir="rtl"] .form-error{text-align:right}

/* ---- language toggle ---- */
.lang-toggle{
  display:inline-flex;align-items:center;gap:2px;
  border:1px solid color-mix(in srgb,var(--parchment) 16%,transparent);
  border-radius:99px;padding:2px;margin-inline-end:.1rem;flex:0 0 auto
}
.lang-btn{
  font-family:var(--f-body);font-weight:500;font-size:.6rem;letter-spacing:.06em;
  line-height:1;cursor:pointer;background:transparent;border:0;color:var(--ash);
  padding:.4rem .58rem;border-radius:99px;transition:color .25s var(--ease),background .25s var(--ease)
}
.lang-btn:hover{color:var(--parchment)}
.lang-btn.active{background:color-mix(in srgb,var(--basil) 16%,transparent);color:var(--parchment)}
.lang-btn[data-lang="he"]{font-family:'Rubik',var(--f-body)}

@media(max-width:640px){
  .lang-toggle{margin-inline-end:.3rem}
  .lang-btn{padding:.4rem .5rem}
}