/* Loumies production ordering (paid release). Only what the live states need on top of the approved stylesheet: an unavailable item, a status
   line, a disabled add button. Colours and type come from the approved variables. */
.review-ribbon { display: none !important; }
body[data-tipjar="closed"] [data-action="open-tip-jar"] { display: none !important; }
.menu-row.is-unavailable .menu-row-name, .menu-row.is-unavailable .menu-price { opacity: .55; }
.unavailable-tag { align-self: center; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; font-size: 11px; font-weight: 750; letter-spacing: .04em; color: rgba(46, 61, 74, .78); white-space: nowrap; }
.shared-product .unavailable-tag { position: absolute; top: 16px; right: 16px; background: #fff; }
.status-line { margin: 0 0 14px; font-size: 13px; font-weight: 700; color: var(--pink); }
.order-status { margin-top: 16px; padding: 13px 15px; border: 1px solid var(--pink); background: #fff4fa; font-size: 13px; line-height: 1.45; }
.order-status strong { display: block; color: var(--pink); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 4px; }
.order-status p { margin: 4px 0 0; }
.order-status .text-action, .order-status .button { margin-top: 10px; }
.button[disabled], .button[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.review-totals .review-tax-row small { display: block; }
.confirmation-fact .confirmation-order-lines small { display: block; }
[data-status-heading]:focus { outline: none; }