/* Microbite POS — generated skin. Do not edit. Regenerated on every Appearance save. */
:root {
  --mbpos-color-primary: #171717;
  --mbpos-color-primary-hover: #2e2e2e;
  --mbpos-color-primary-text: #ffffff;
  --mbpos-color-primary-hover-text: #ffffff;
  --mbpos-color-primary-muted: rgba(23,23,23,0.6);
  --mbpos-color-primary-subtle: rgba(23,23,23,0.1);
  --mbpos-color-primary-strong: #3a3a3a;
  --mbpos-color-surface: #ffffff;
  --mbpos-color-surface-hover: #e6e6e6;
  --mbpos-color-surface-text: #000000;
  --mbpos-color-surface-hover-text: #000000;
  --mbpos-color-surface-muted: rgba(255,255,255,0.6);
  --mbpos-color-surface-subtle: rgba(255,255,255,0.1);
  --mbpos-color-surface-strong: #d9d9d9;
  --mbpos-color-bg: #ffffff;
  --mbpos-color-bg-hover: #e6e6e6;
  --mbpos-color-bg-text: #000000;
  --mbpos-color-bg-hover-text: #000000;
  --mbpos-color-bg-muted: rgba(255,255,255,0.6);
  --mbpos-color-bg-subtle: rgba(255,255,255,0.1);
  --mbpos-color-bg-strong: #d9d9d9;
  --mbpos-color-text: #1d1c1b;
  --mbpos-color-text-hover: #343332;
  --mbpos-color-text-text: #ffffff;
  --mbpos-color-text-hover-text: #ffffff;
  --mbpos-color-text-muted: rgba(29,28,27,0.6);
  --mbpos-color-text-subtle: rgba(29,28,27,0.1);
  --mbpos-color-text-strong: #3f3e3d;
  --mbpos-color-heading: #1c1917;
  --mbpos-color-heading-hover: #33302e;
  --mbpos-color-heading-text: #ffffff;
  --mbpos-color-heading-hover-text: #ffffff;
  --mbpos-color-heading-muted: rgba(28,25,23,0.6);
  --mbpos-color-heading-subtle: rgba(28,25,23,0.1);
  --mbpos-color-heading-strong: #3e3c3a;
  --mbpos-color-border: #e4e1dc;
  --mbpos-color-border-hover: #cdcbc6;
  --mbpos-color-border-text: #000000;
  --mbpos-color-border-hover-text: #000000;
  --mbpos-color-border-muted: rgba(228,225,220,0.6);
  --mbpos-color-border-subtle: rgba(228,225,220,0.1);
  --mbpos-color-border-strong: #c2bfbb;
  --mbpos-color-success: #15803d;
  --mbpos-color-success-hover: #137337;
  --mbpos-color-success-text: #ffffff;
  --mbpos-color-success-hover-text: #ffffff;
  --mbpos-color-success-muted: rgba(21,128,61,0.6);
  --mbpos-color-success-subtle: rgba(21,128,61,0.1);
  --mbpos-color-success-strong: #126d34;
  --mbpos-color-danger: #b91c1c;
  --mbpos-color-danger-hover: #a71919;
  --mbpos-color-danger-text: #ffffff;
  --mbpos-color-danger-hover-text: #ffffff;
  --mbpos-color-danger-muted: rgba(185,28,28,0.6);
  --mbpos-color-danger-subtle: rgba(185,28,28,0.1);
  --mbpos-color-danger-strong: #9d1818;
  --mbpos-color-warning: #9a6700;
  --mbpos-color-warning-hover: #8b5d00;
  --mbpos-color-warning-text: #ffffff;
  --mbpos-color-warning-hover-text: #ffffff;
  --mbpos-color-warning-muted: rgba(154,103,0,0.6);
  --mbpos-color-warning-subtle: rgba(154,103,0,0.1);
  --mbpos-color-warning-strong: #835800;
  --mbpos-color-selected: #1c1917;
  --mbpos-color-selected-hover: #33302e;
  --mbpos-color-selected-text: #ffffff;
  --mbpos-color-selected-hover-text: #ffffff;
  --mbpos-color-selected-muted: rgba(28,25,23,0.6);
  --mbpos-color-selected-subtle: rgba(28,25,23,0.1);
  --mbpos-color-selected-strong: #3e3c3a;
  --mbpos-color-scheme: light;
  --mbpos-color-pill-bg: #efedea;
  --mbpos-color-pill-bg-active: #1c1917;
  --mbpos-color-surface-2: #f7f7f7;
  --mbpos-color-border-soft: #f2f0ee;
  --mbpos-color-text-soft: rgba(29,28,27,0.35);
  --mbpos-color-accent: #1c1917;
  --mbpos-color-selected-bg: #1c1917;
  --mbpos-color-focus: #1c1917;
  --mbpos-color-surface-3: #f3f3f2;
  --mbpos-color-danger-bg: #fbf1f1;
  --mbpos-font-size-base: 14px;
  --mbpos-content-heading-size: 18px;
  --mbpos-radius: 10px;
  --mbpos-radius-s: 6px;
  --mbpos-radius-btn: 8px;
  --mbpos-radius-card: 20px;
  --mbpos-nav-top: 0px;
  --mbpos-density: 1;
  --mbpos-cart-item-padding: var(--mbpos-space-xs);
  --mbpos-checkout-pad: 0px;
  --mbpos-qty-height: 40px;
  --mbpos-qty-btn-width: 60px;
  --mbpos-qty-input-width: 70px;
  --mbpos-qty-font-size: var(--mbpos-font-size-base);
  --mbpos-qty-gap: var(--mbpos-space-3xs);
  --mbpos-subtotal-font-size: var(--mbpos-font-size-s);
  --mbpos-subtotal-font-weight: 400;
  --mbpos-qty-border-color: var(--mbpos-color-border-strong);
  --mbpos-qty-btn-hover-bg: rgba(0,0,0,0.08);
  --mbpos-qty-btn-bg: rgba(0,0,0,0.04);
  --mbpos-nav-indicator: #73F45E;
  --mbpos-timebtn-bg: var(--mbpos-color-pill-bg);
  --mbpos-timebtn-hover-bg: #D6D4CF;
  --mbpos-timebtn-text: var(--mbpos-color-heading);
  --mbpos-epo-cta-bg: var(--mbpos-color-surface);
  --mbpos-epo-cta-text: var(--mbpos-color-heading);
  --mbpos-epo-cta-border: var(--mbpos-color-border-strong);
  --mbpos-coupon-btn-bg: var(--mbpos-color-primary);
  --mbpos-coupon-btn-text: var(--mbpos-color-primary-text);
  --mbpos-coupon-btn-pad-v: var(--mbpos-space-2xs);
  --mbpos-menubar-logo-h: 46px;
  --mbpos-menubar-logo-w: 152px;
  --mbpos-nav-bg: #EFEFEF;
  --mbpos-close-btn-bg: var(--mbpos-color-surface);
  --mbpos-close-btn-fg: var(--mbpos-color-text);
  --mbpos-close-btn-ring: var(--mbpos-color-border);
  --mbpos-pagelink-bg: var(--mbpos-color-surface);
  --mbpos-pagelink-fg: var(--mbpos-color-text);
  --mbpos-pagelink-border: var(--mbpos-color-border-strong);
  --mbpos-photo-ratio: 16/9;
  --mbpos-grid-pad-x-mobile: 5px;
  --mbpos-card-min-width-mobile: 140px;
  --mbpos-grid-gap-mobile: 10px;
  --mbpos-peek-head-tracks: 6fr 1fr;
  --mbpos-menubar-bg: var(--mbpos-color-bg);
  --mbpos-gift-padding: var(--mbpos-space-2xs);
  --mbpos-gift-padding-h: var(--mbpos-space-2xs);
  --mbpos-gift-border-color: var(--mbpos-color-success);
  --mbpos-gift-bg: var(--mbpos-color-success-subtle);
  --mbpos-combo-done-bg: var(--mbpos-color-primary);
  --mbpos-combo-done-text: var(--mbpos-color-primary-text);
  --mbpos-combo-slot-border: var(--mbpos-color-border);
  --mbpos-combo-tick-bg: var(--mbpos-color-success);
  --mbpos-combo-slot-bg: var(--mbpos-color-bg);
  --mbpos-combo-slot-hover: var(--mbpos-color-border-subtle);
  --mbpos-card-min-width: 150px;
  --mbpos-card-min-width-tablet: 140px;
  --mbpos-grid-tracks: repeat(3, minmax(0, 1fr));
  --mbpos-grid-tracks-tablet: repeat(2, minmax(0, 1fr));
  --mbpos-grid-tracks-mobile: repeat(2, minmax(0, 1fr));
  --mbpos-cart-panel-min: 420px;
}
:root {
  --mbpos-epo-head-bg: #efede8;
  --mbpos-epo-head-bg-hover: #e3e1dc;
  --mbpos-epo-head-bg-active: #d9d8d3;
  --mbpos-epo-head-color: #404040;
  --mbpos-epo-head-size: 14px;
  --mbpos-epo-head-weight: 600;
  --mbpos-epo-option-size: 14px;
}

/* EPO (TC Extra Product Options) — [data-mbpos] scoped per isolation standard */

/* Menubar hidden via Appearance */
[data-mbpos] .mbpos-menubar, .mbpos-menubar { display: none !important; }
[data-mbpos] .mbpos-product-modal .tc-epo-label {
  background: #efede8;
  color: #404040;
  font-size: 14px;
  font-weight: 600;
}
[data-mbpos] .mbpos-product-modal .tc-label,
[data-mbpos] .mbpos-product-modal .tm-epo-field-label {
  font-size: 14px;
}