/**
 * Entry (WP-C, 16/10/2026): the search suggestions' "+" that adds a dish straight into the order (states.js).
 * "התחלת הזמנה" itself opens the /menu/ builder, whose first step lives in polish-builder.css.
 */
.hb-sug__addrow { display: flex; align-items: center; gap: 6px; }
.hb-sug__addrow > .hb-sug__item { flex: 1; min-width: 0; }
.hb-sug__addrow > .hb-sug__item .hb-sug__go { display: none; }
.hb-sug__add { flex: none; display: grid; place-items: center; width: 44px; height: 44px; margin-inline-end: 4px; border: 0; border-radius: 50%; background: var(--hb-ink-warm, #352b24); color: #fff; font: 700 22px/1 var(--hb-font, inherit); cursor: pointer; transition: background-color .16s ease, transform .09s ease; }
.hb-sug__add:active { transform: scale(.92); }
.hb-sug__add.is-done { background: #657b63; font-size: 17px; }
.hb-sug__add.is-busy { pointer-events: none; }
.hb-sug__add:focus-visible { outline: 2px solid var(--hb-ink-warm, #352b24); outline-offset: 2px; }
.is-active > .hb-sug__addrow .hb-sug__add, .hb-sug__addrow:has(> .hb-sug__item:hover) .hb-sug__add { box-shadow: 0 0 0 3px rgba(53, 43, 36, .14); }
@media (hover: hover) and (pointer: fine) { .hb-sug__add:hover { background: #1f1814; } .hb-sug__add.is-done:hover { background: #5a6f58; } }
.hb-sug__item .hb-sug__sub { display: block; font-size: 13px; color: #6b625d; }
.hb-sug__keys kbd { font-family: inherit; }
@media (prefers-reduced-motion: reduce) { .hb-sug__add { transition: none; } .hb-sug__add:active { transform: none; } }
html.hb-a11y-motion .hb-sug__add { transition: none; }

/**
 * The order app window (16/10/2026): the shell that every page carries, so the window opens at once (the scrim, the
 * panel, the brand loader, the error). The app itself is styled by order-app.css, loaded with it on first use.
 */
html.hb-app-open, html.hb-app-open body { overflow: hidden !important; }
html.hb-app-open body { padding-inline-end: var(--hb-app-sbw, 0); }
html.hb-app-open #hb-fx { z-index: 9050; }
html.hb-app-open .hb-toasts { z-index: 9060; }
.hb-app { position: fixed; inset: 0; z-index: 9000; font-family: var(--hb-font, inherit); color: #352b24; direction: rtl; }
.hb-app[hidden] { display: none; }
.hb-app__scrim { position: absolute; inset: 0; background: rgba(38, 30, 25, .5); opacity: 0; transition: opacity .24s ease; }
.hb-app__panel { position: absolute; inset: 0; display: flex; flex-direction: column; background: #f7f1ec; overflow: hidden; overflow: clip; outline: none; transform: translateY(24px); opacity: 0; transition: transform .32s cubic-bezier(.22, 1, .36, 1), opacity .2s ease; }
.hb-app.is-open .hb-app__scrim { opacity: 1; }
.hb-app.is-open .hb-app__panel { transform: none; opacity: 1; }
@media (min-width: 1024px) {
	.hb-app__panel { inset: 16px; max-width: 1640px; margin-inline: auto; border-radius: 28px; box-shadow: 0 30px 80px rgba(38, 30, 25, .28); transform: scale(.985) translateY(8px); }
}
.hb-app__boot { flex: 1; display: grid; place-items: center; padding: 24px; text-align: center; }
.hb-app__wait .hb-bloader { flex-direction: column; gap: 12px; font-size: 16px; font-weight: 700; color: #352b24; }
.hb-app__err { display: grid; justify-items: center; gap: 14px; max-width: 340px; }
.hb-app__err p { margin: 0; font-size: 16px; line-height: 1.5; }
.hb-app__err b { display: block; font-size: 20px; margin-bottom: 4px; }
.hb-app__errx { min-height: 44px; padding: 0 18px; border: 0; background: none; color: #352b24; font: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .hb-app__scrim, .hb-app__panel { transition: none; transform: none; } }
html.hb-a11y-motion .hb-app__scrim, html.hb-a11y-motion .hb-app__panel { transition: none; transform: none; }

/* Fix wave FX-1 (16/10/2026): dish names in the search wrap to two lines (one line cut "סלט טונה ב..."), the size
   hint sits under the name so same-name dishes read apart, and "+" is the shared control (hbOrder.ui.qty). */
.hb-sug__addrow .hb-sug__t { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: clip; }
.hb-sug__addrow .hb-sug__sub { font-size: 13px; line-height: 1.35; }
.hb-sug__addrow > .hb-qty { flex: none; margin-inline-end: 4px; }
.hb-sug__addrow > .hb-qty .hb-qty__add, .hb-sug__addrow > .hb-qty .hb-qty__b { min-width: 44px; min-height: 44px; }
.is-active > .hb-sug__addrow .hb-qty, .hb-sug__addrow:has(> .hb-sug__item:hover) .hb-qty { box-shadow: 0 0 0 3px rgba(53, 43, 36, .14); border-radius: 999px; }