/* Shinobi Productions — language switch: visibility, the toggle, and the
   typography Hebrew needs. Paired with assets/lang.js, which owns html.he.

   Loaded from <head>. It does not need to come after a page's own <style>:
   every override here is qualified with html.he, so it outranks the page's
   unqualified rule on specificity rather than on order. */

/* ---- which half of the page is showing ---------------------------------- */

html:not(.he) .lang-he { display: none !important; }
html.he .lang-en { display: none !important; }

/* ---- the toggle --------------------------------------------------------- */

.lang-toggle {
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.14);
}

.lang-toggle button {
  min-height: 34px;
  min-width: 42px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255,255,255,.62);
  font-family: inherit;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .02em;
  cursor: pointer;
  transition: color .18s ease, background .18s ease;
}

.lang-toggle button:hover { color: #fff; }

.lang-toggle button.active {
  background: linear-gradient(170deg, #ff0025, #b8001b);
  color: #fff;
}

.lang-toggle button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* ---- Hebrew typography --------------------------------------------------
   Montserrat and Redzone are both Latin-only, so an RTL page has to change
   face rather than merely direction. Rubik is self-hosted and split by
   unicode-range, so an English visitor downloads neither file. */

@font-face {
  font-family: "Rubik";
  src: url("fonts/rubik-hebrew.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: "Rubik";
  src: url("fonts/rubik-latin.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html.he body {
  font-family: "Rubik", "Segoe UI", Arial, sans-serif;
}

html.he h1,
html.he h2,
html.he h3 {
  font-family: "Rubik", "Segoe UI", Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
  letter-spacing: -.025em;
}

html.he .btn,
html.he .eyebrow,
html.he .section-title,
html.he .offer-kicker,
html.he .founder-kicker {
  font-weight: 800;
}

/* Latin runs inside Hebrew copy — brand names, CPA, SaaS — keep their own
   direction so punctuation around them does not jump to the wrong side. */
html.he .ltr {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}
