/*
 * Hebrew: the site fonts have no Hebrew glyphs, so browsers fell back to whatever the device
 * has, and most system fonts lack the cantillation marks (shown as boxes). Noto Serif Hebrew
 * covers the whole Hebrew block incl. vowel points and all te'amim. unicode-range keeps it
 * from touching Latin or Greek text.
 */
@font-face {
  font-family: "Rooted Hebrew";
  src: url("fonts/noto-serif-hebrew-v2.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+034F, U+0590-05FF, U+200C-200D, U+25CC, U+FB1D-FB4F;
}
:root {
  --font-display: "Playfair Display", "Rooted Hebrew", Georgia, serif;
  --font-body: "Source Sans 3", "Rooted Hebrew", system-ui, sans-serif;
  --font-hand: "Kalam", "Rooted Hebrew", "Segoe Print", "Comic Sans MS", cursive;
}
/* Hebrew with vowels and accents needs a little more room to stay legible. */
[dir="rtl"]:lang(he),
p[dir="rtl"] {
  font-size: 1.125em;
  line-height: 2;
}

/* Language switch: only the active language is shown. */
html:not([data-lang="nl"]) .lang-nl,
html[data-lang="nl"] .lang-en {
  display: none !important;
}

/* Image blocks keep the original <img> classes on their <figure>. */
figure.wp-block-image.rooted-img {
  margin: 0;
}
figure.rooted-img > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: inherit;
  border-radius: inherit;
}
figure.rooted-img.w-auto > img {
  width: auto;
}
figure.rooted-img.h-auto > img {
  height: auto;
}

/* Keep the admin bar from covering the sticky header. */
body.admin-bar nav.sticky {
  top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar nav.sticky {
    top: 46px;
  }
}