/* The site under a right-to-left language (Hebrew, Arabic): loaded after site.css only when Django's LANGUAGE_BIDI
   is true (base.html), so a left-to-right site never downloads it. site.css is written in logical properties, which
   mirror the layout on their own (the listing table, the chips row, the search card, the funeral panel, the sidebar
   cards, the directory and family-notice lists; flex and grid follow the page's direction). This file holds only
   what logical properties cannot say:
   - the fonts: Inter and Domine carry Latin only, so the stacks name the system faces that carry Hebrew and Arabic
     (Windows: Segoe UI, Times New Roman; macOS: Arial Hebrew, Arial, Times New Roman; Android: Noto Sans Hebrew and
     Arabic). The map's labels use the same stack. A webfont is a later decision, for bidi languages only;
   - background images anchored to a side (the search icon in the name field, the arrow of a select);
   - icons that point along the reading direction (.fwd on the "see all" arrows, the pager's arrows, the breadcrumb
     chevron), mirrored. An X, a chevron pointing down and the external-link icon are symbols and stay.
   Nothing in site.js measures a side (no scrollLeft, no clientX arithmetic), so the script needs no twin. */
:root {
  --sans: Inter, "Segoe UI", "Noto Sans Hebrew", "Noto Sans Arabic", "Arial Hebrew", Arial, "Helvetica Neue", sans-serif;
  --serif: Domine, "Noto Serif Hebrew", "Noto Naskh Arabic", "Times New Roman", Georgia, serif;
}
/* side-anchored background images */
.fld select { background-position: left 14px center; }
.frm .f select, .cbook .sort select { background-position: left 12px center; }
.sform .names .q input { background-position: right 11px center; }
.qsearch .fld input { background-position: right 10px center; }
/* icons that point along the reading direction */
.fwd, .pager .arr svg, .crumbs li + li::before { transform: scaleX(-1); }
/* the gold leaf ornaments: the start one is now the mirrored copy */
.band::before { transform: scaleX(-1); } .band::after { transform: none; }