/* Party Pack Hebrew typography — customer-visible text only.
   The app's English layout, card order, hero positioning, buttons, flex/grids
   and admin dashboard are never mirrored. Admin always renders with locale en. */

/* Heebo is a purpose-designed Hebrew/Latin typeface; the stack remains readable
   when a font service is blocked or a device has not loaded the webfont. */
#app[data-pp-locale="he"]{
 --pp-hebrew-font:"Assistant","Heebo","Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif;
 font-family:var(--pp-hebrew-font);
 font-synthesis:none;
}

/* The existing design system assigns serif/Latin font families to various
   headings and shop components. Override typefaces, not component geometry. */
#app[data-pp-locale="he"] :is(h1,h2,h3,h4,h5,h6,p,span,em,strong,b,small,a,button,label,li,blockquote,figcaption,summary,th,td,dt,dd,input,textarea,select){
 font-family:var(--pp-hebrew-font)!important;
}

/* The localisation engine marks only containers actually displaying Hebrew.
   Do not apply direction to header/nav/card/flex/grid/layout parents. */
#app[data-pp-locale="he"] [data-pp-he-block]{
 direction:rtl;
 text-align:right;
 unicode-bidi:isolate;
 letter-spacing:normal;
}
#app[data-pp-locale="he"] [data-pp-he-inline]{
 direction:rtl;
 unicode-bidi:isolate;
 letter-spacing:normal;
}

/* Hebrew titles need comfortable, modern line rhythm. Preserve their sizes. */
#app[data-pp-locale="he"] :is(h1,h2,h3,h4,h5,h6)[data-pp-he-block]{
 line-height:1.32;
}
#app[data-pp-locale="he"] :is(p,small,blockquote,li)[data-pp-he-block]{
 line-height:1.55;
}

/* Text-entry direction adapts to actual typed language; preserve customer
   names/printed wording verbatim, without translating or moving form fields. */
#app[data-pp-locale="he"] :is(input[dir="auto"],textarea[dir="auto"]){
 text-align:start;
}
#app[data-pp-locale="he"] :is(input[dir="auto"],textarea[dir="auto"]):placeholder-shown{
 text-align:right;
}
#app[data-pp-locale="he"] :is(input[type="email"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"]){
 text-align:left;
 direction:ltr;
 font-variant-numeric:tabular-nums;
}

/* In Hebrew, item titles and their price metadata should share a right-hand
   text edge. This is only text alignment; the image/card grid never moves. */
#app[data-pp-locale="he"] .pp-individual-card .copy{
 text-align:right;
}
#app[data-pp-locale="he"] .pp-individual-card :is(.pp-store-price,.pp-store-meta,.pp-purchase-stock-status){
 text-align:right;
 unicode-bidi:isolate;
}
#app[data-pp-locale="he"] .pp-shop-count{
 text-align:right;
}

/* Language chooser includes Hebrew even while English is selected. */
.pp-language-switch span[lang="he"]{
 font-family:"Heebo","Noto Sans Hebrew",Arial,sans-serif!important;
 direction:rtl;
 unicode-bidi:isolate;
}

/* Printable customer summary uses Hebrew glyphs too, but A4 columns keep the
   same positions as the English admin's document. */
#app[data-pp-locale="he"] .pp-order-print{
 font-family:var(--pp-hebrew-font)!important;
}
#app[data-pp-locale="he"] .pp-order-print :is(h1,h2,h3,th,td,small,span,strong,button){
 font-family:var(--pp-hebrew-font)!important;
}
@media print{
 #app[data-pp-locale="he"] .pp-order-print{
  font-family:"Heebo","Noto Sans Hebrew",Arial,sans-serif!important;
 }
}

/* Modern Hebrew display type: Frank Ruhl Libre (light, high-contrast) pairs with the
   English Playfair headlines; Assistant stays for everything people read and tap. */
#app[data-pp-locale="he"]{--pp-hebrew-display:"Frank Ruhl Libre","Noto Serif Hebrew","David Libre",Georgia,serif}
#app[data-pp-locale="he"] :is(h1,h2,.pp-cine h1,.pp-page-hero h1,.pp-ways h2,.pp-table h2):not(.admin *),
#app[data-pp-locale="he"] :is(h1,h2) :is(em,span){font-family:var(--pp-hebrew-display)!important;font-weight:400!important;letter-spacing:-.01em!important;font-style:normal!important}
#app[data-pp-locale="he"] :is(h1,h2) em{font-weight:300!important}
#app[data-pp-locale="he"] :is(h3,.pp-ways-title,.pp-home-setup h3,.pp-store-home-setup h3){font-family:var(--pp-hebrew-display)!important;font-weight:500!important;letter-spacing:0!important}
#app[data-pp-locale="he"] :is(p,li,label,small,input,textarea,select,button,a){font-weight:inherit}
