/* extra styles for the WordPress version of the counter / online-orders screens */
.brand .qsd-logo-text{width:44px;height:44px;border-radius:50%;background:#000;display:grid;place-items:center;font:800 14px var(--head);color:var(--sky)}
.pin__card .qsd-logo{width:110px;height:110px;border-radius:50%;margin:0 auto 14px;object-fit:cover;background:#000}
.pin__card .qsd-logo-text{width:110px;height:110px;margin:0 auto 14px;font-size:30px;border-radius:50%;background:#000;display:grid;place-items:center;font-family:var(--head);color:var(--sky)}
td.n .cnt{background:none;border:0;border-bottom:1px dashed var(--muted);padding:0 2px;font:inherit;color:inherit;cursor:pointer}
td.n .cnt:hover{color:var(--sky);border-color:var(--sky)}
.field input{width:100%;background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px 14px;font:inherit;font-size:18px}
.opt-grid button[disabled] small{text-decoration:none}
.ticket__foot .link[disabled]{opacity:.35;pointer-events:none}
@media print{
  body.print-receipt > *{display:none !important}
  body.print-receipt #sheet{display:block !important;position:static}
  body.print-receipt #sheet .modal__backdrop,body.print-receipt #sheet .modal__close,body.print-receipt #sheetBody > :not(#receipt){display:none !important}
  body.print-receipt #sheet .modal__panel{box-shadow:none;border:0;background:#fff;width:72mm !important;padding:0}
  body.print-receipt #receipt{margin:0;padding:0;font-size:12px}
}
/* many brands: one scrolling row on the counter */
.qsd-pos #brands{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.qsd-pos #brands .chip{flex:none}