/* Hebrew/Yiddish child names + Hebrew dates (Hershey, Oct 2026;
   app/hebrew.py). Right-to-left text inside left-to-right pages: each piece
   carries dir="rtl" lang="he" in the markup and unicode-bidi: isolate here,
   so a Hebrew name never re-orders the English around it. Android tablets
   ship Noto Sans Hebrew; iPads have Arial Hebrew. */
.hebrew-name,
.hebrew-date,
.hebrew-input {
    font-family: "Noto Sans Hebrew", "Arial Hebrew", "Segoe UI", "David",
                 "Noto Sans", Arial, sans-serif;
    unicode-bidi: isolate;
}
.hebrew-input { text-align: right; }

/* Under the English name on a roster tile: one smaller line that wraps
   instead of widening the card. */
.hebrew-name {
    display: block;
    direction: rtl;
    text-align: start;
    font-size: 0.95em;
    line-height: 1.3;
    color: var(--text-muted, #555);
    white-space: normal;
    overflow-wrap: anywhere;
    max-width: 100%;
}
.child-info .hebrew-name { margin: 0 0 2px 0; font-size: 0.98rem; }
/* The tile's head row is left-to-right; keep the RTL line flush with the
   English name above it. */
.child-info .hebrew-name { text-align: left; }
.hebrew-name-inline { display: inline; margin-inline-start: 0.4em; }

.hebrew-date {
    display: inline-block;
    font-size: 0.9em;
    color: var(--text-muted, #555);
    white-space: nowrap;
}
/* Direction comes from the markup: dir="rtl" for Hebrew letters only; the
   English and "both" styles are dir="ltr" (a Hebrew run inside them still
   reads right to left by itself). */
.hebrew-date-line {
    margin: 0 0 8px 0;
    font-size: 1rem;
    color: var(--text-muted, #555);
}
.hebrew-date-line .civil-date { margin-inline-end: 0.5em; }
#tapSheetHebrew { margin: -4px 0 8px 0; font-size: 1.15rem; }
@media (max-width: 480px) {
    .hebrew-date { white-space: normal; }
}