/*
 * Price lines, header and footer fixes (2026-10-21). One small stylesheet,
 * loaded on every page AFTER the page stylesheets (functions.php, priority
 * 20), so it adjusts menu-cards.css / menu-page.css / gourmet.css / site.css
 * without editing them.
 */

/* --- 1. The price line on menu cards (inc/blocks.php kukburi_dish_price_row) ---
   "1390 TL / Serves 5-6" never breaks as "1390 TL /" + "Serves 5-6": the
   amount and the unit wrap as whole pieces, and each piece carries its
   " / " in a 1.1em lead-in (.pr-sep). .pr is pulled 1.1em towards the line
   start inside .pr-wrap (overflow hidden), so the lead-in of whichever piece
   STARTS a line is cut off: a unit that wraps sits on its own line without
   a slash. Works the same right-to-left. */
.pr-wrap{ display: block; overflow: hidden; }
.pr{ display: flex; flex-wrap: wrap; align-items: baseline; margin-inline-start: -1.1em; }
.pr-amt, .pr-unit{ position: relative; padding-inline-start: 1.1em; white-space: nowrap; }
.pr-sep{ position: absolute; inset-inline-start: 0; width: 1.1em; text-align: center; white-space: pre; }

/* The small second line (a dish with BOTH an individual and a family price):
   brand navy at full strength (was opacity .6 = 4.4:1 on the cream card,
   now 14.8:1). Same size; amount semi-bold, "/ Serves 5-6" regular.
   A dish whose only price is the family price shows it as its main .price
   (same size/weight as every other card) — see blocks.php. */
.fam-price{ opacity: 1; color: var(--ink); }
.fam-price .pr-amt{ font-weight: 600; }
.fam-price .pr-unit{ font-weight: 400; }

/* "+" button centred on the price line (menu-page.css bottom-aligned it,
   which left the price text sitting below the button's centre). */
.price-row{ align-items: center; }

/* Gourmet size line ("500 g"): full navy (was opacity .6 = 4.4:1). */
.kb-gourmet-product-size{ opacity: 1; color: var(--ink); }

/* --- 7. Arabic: amounts read "275 TL", number first ---
   Proper isolation, no reversed text: mixed lines wrap the amount in
   <bdi> (blocks.php, gourmet.php, cart.js, item-modal.js); elements that
   hold ONLY an amount get unicode-bidi: plaintext — their text is laid out
   by its own first strong letter ("TL" → left-to-right), while alignment
   still follows the page (right in Arabic). */
#cart-subtotal, #cart-delivery-fee, #cart-total,
.cart-line-total,
#confirm-total, #confirm-items .mini-line > span:last-child,
.tier-price .was, .tier-price .now,
.kb-gourmet-product-buy .price, .kb-gchooser-price{ unicode-bidi: plaintext; }

/* --- 4. Header: solid, same colour as before (the old 94 % tint over the
   page colour = the page colour itself, #ECE2CC). Nothing shows through
   when the page scrolls under it. */
header{ background: var(--paper); backdrop-filter: none; -webkit-backdrop-filter: none; }

/* --- 5. Turkish desktop "Nasıl Sipariş Verilir?" under the help icon: it
   wrapped to 2 lines and touched the header's bottom edge. Slightly
   smaller and tighter in Turkish, lifted 1px, so it clears the edge. */
@media (min-width: 1100px){
	html[lang|="tr"] .howto-label{ font-size: .6rem; line-height: 1.05; margin-top: 0; }
}

/* --- 6. Footer copyright: the brand part stays left-to-right as one piece
   (<bdi>), the sentence follows the page direction (parts/footer.html). */
.foot-copy-brand{ unicode-bidi: isolate; }