/* Ordering off (closed / Menu Display Only / disabled) - set by navbar.update_website_context */
body.ucm-ordering-off .btn-add-to-cart-list, body.ucm-ordering-off .btn-add-to-cart,
body.ucm-ordering-off #item-add-to-cart, body.ucm-ordering-off .btn-view-in-cart,
body.ucm-ordering-off .btn-request-for-quotation, body.ucm-ordering-off .btn-place-order,
body.ucm-ordering-off .ucm-btn-place-order, body.ucm-ordering-off .place-order-container,
body.ucm-ordering-off a[href="/cart"], body.ucm-ordering-off a[href="/quotations"],
body.ucm-ordering-off .cart-icon, body.ucm-ordering-off .ucm-quote-cta { display: none !important; }

a.nav-link[href="#ucm-call-waiter"] { background:#f59e0b; color:#fff !important; border-radius:999px; padding:4px 12px !important; font-weight:600; }
a.nav-link[href="#ucm-call-waiter"].disabled { opacity:.6; pointer-events:none; }

.ucm-serving-pref { border:0; }
.ucm-pref-opt { display:block; border:1.5px solid #e2e8f0; border-radius:8px; padding:8px; cursor:pointer; }
.ucm-pref-opt:has(input:checked) { border-color:#16a34a; background:#f0fdf4; }

/* Cart: add-ons nested under their dish (cart_items.html) */
.ucm-cart-addon-group { background:#f8f9fa; border:1px solid #e5e7eb; border-radius:6px; padding:8px; margin:.5rem 0; max-width:100%; }
.ucm-addon-header { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#6c757d; margin-bottom:6px; }
.ucm-cart-addon-item-row { display:flex; justify-content:space-between; align-items:center; gap:4px; background:#fff; border:1px solid #e5e7eb; border-radius:4px; padding:4px 8px; margin-bottom:4px; font-size:13px; font-weight:500; }
.ucm-cart-addon-item-row .badge { color:#027a48; background:#f0fdf4; border:1px solid #bbf7d0; padding:2px 6px; border-radius:4px; font-weight:600; margin-left:auto; }
.ucm-remove-addon { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border:1px solid #e9ecef; border-radius:4px; background:#f8f9fa; cursor:pointer; line-height:1; }
.ucm-remove-addon:hover { background:#fee2e2; color:#dc2626; }
.ucm-edit-addons-btn { border:1px solid var(--primary-color,#027a48); color:var(--primary-color,#027a48); background:#fff; border-radius:4px; font-weight:600; font-size:12px; padding:2px 10px; margin-top:4px; }
.ucm-dietary-container { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:8px 0 6px; width:100%; }
.ucm-calorie-badge { display:inline-flex; align-items:center; font-size:.75rem; font-weight:700; background:#fff7ed; color:#c2410c; border:1px solid #ffedd5; padding:2px 8px; border-radius:6px; line-height:1.4; }
.ucm-allergen-badge { display:inline-flex; align-items:center; font-size:.75rem; font-weight:600; background:#f1f5f9; color:#334155; border:1px solid #cbd5e1; padding:2px 7px; border-radius:6px; line-height:1.4; }

/* Menu: dietary filter bar + item codes hidden (QA #28) */
.product-code, .cart-items .item-subtitle { display:none !important; }
.ucm-allergen-filter-bar { display:flex; flex-wrap:wrap; gap:6px 8px; margin:10px 0 16px; padding:8px 12px; background:#fff; border:1px solid #e2e8f0; border-radius:10px; align-items:center; width:100%; }
.ucm-filter-title { font-size:.82rem; font-weight:700; color:#64748b; margin-inline-end:4px; text-transform:uppercase; letter-spacing:.03em; }
.ucm-filter-btn { display:inline-flex; align-items:center; font-size:.8rem; font-weight:600; border-radius:999px; padding:4px 12px; border:1px solid #e2e8f0; background:#f8fafc; color:#334155; cursor:pointer; transition:all 150ms ease; user-select:none; }
.ucm-filter-btn:hover { background:#f1f5f9; border-color:#cbd5e1; }
.ucm-filter-btn.active { background:#027a48; color:#fff; border-color:#027a48; box-shadow:0 2px 6px rgba(2,122,72,.25); }

/* Add to Cart always visible (webshop shows it on hover only: first tap/click hit the card, phones have no hover). */
.btn-add-to-cart-list { visibility: visible !important; }
/* Mixed Arabic/English text: direction follows each text's own first strong character (no leading period). */
#product-listing .product-title, #product-listing .col-8 > a, #product-listing .col-10 > .mt-2 { unicode-bidi: plaintext; text-align: start; }
/* Isolate struck price and "10% OFF" so the Arabic currency symbol cannot reorder the line; page direction still applies. */
.product-price > small { unicode-bidi: isolate; }
/* Phones: in list view the Add to Cart column (col-4) is narrower than the button ("إضافة إلى السلة"),
   so it spilled off the edge. Put it on its own row under the dish and let it fill the width. */
@media (max-width: 575.98px) {
	#product-listing .list-row .col-10 > div:first-child { flex-wrap: wrap; }
	#product-listing .list-row .col-10 > div:first-child > .col-8,
	#product-listing .cart-action-container { flex: 0 0 100%; max-width: 100%; }
	#product-listing .cart-action-container { margin-top: 0.5rem; }
	#product-listing .btn-add-to-cart-list { width: 100%; }
}