/* My Little Cashier — VT323 accessibility fix v3, 21 Oct 2026
   Dedicated typography sizing for compact POS elements, not a page zoom. */
:root { --mlc-vt323-text: "VT323", monospace; }
html body, html body button, html body input, html body select, html body textarea {
  font-family:var(--mlc-vt323-text) !important;
}
html body { font-size:24px !important; }
/* VT323 is a single-weight pixel face. Give major titles readable contrast. */
html body .brand h1, html body .hero h2, html body .panel-head h3,
html body .fake-order-head h3, html body .day7-heading h3 {
  font-family:var(--mlc-vt323-text) !important;
  text-shadow:0 1px 0 rgba(137,52,100,.11);
}
/* PACKING ORDER: legacy .packing-options button used a 12px!important override. */
html body #page-pos .packing-options button,
html body #page-pos .packing-tools button,
html body #page-pos #dispatchPackingButton {
  font-size:24px !important;
  line-height:1.12 !important;
  min-height:60px !important;
  padding:10px 12px !important;
  overflow-wrap:anywhere;
  white-space:normal;
}
html body #page-pos .packing-tools #packingStatus {
  font-size:22px !important;
  line-height:1.17 !important;
}
html body #page-pos .packing-size-control,
html body #page-pos .packing-size-control span {
  font-size:21px !important;
  line-height:1.16 !important;
}
html body #page-pos #shippingAddressInput,
html body #page-pos .packing-size-control input:not([type="range"]) {
  font-size:22px !important;
  line-height:1.15 !important;
  min-height:42px;
}
/* STORY ORDER: previous 11–12px CSS made customer & item details hard to read. */
html body #page-pos .fake-order-head small,
html body #page-pos .fake-order-head strong,
html body #page-pos .fake-order-customer-copy strong,
html body #page-pos .fake-order-customer-copy p,
html body #page-pos #fakeOrderStory,
html body #page-pos .mlc-story-courier-line,
html body #page-pos .day6-entry {
  font-size:21px !important;
  line-height:1.15 !important;
}
html body #page-pos .fake-order-item,
html body #page-pos .fake-order-item span,
html body #page-pos .fake-order-items {
  font-size:22px !important;
  line-height:1.15 !important;
  overflow-wrap:anywhere;
}
html body #page-pos .fake-order-item {
  min-height:57px;
  gap:9px !important;
  padding:8px 10px !important;
}
html body #page-pos .fake-order-points,
html body #page-pos .fake-order-points span,
html body #page-pos .fake-order-points b {
  font-size:22px !important;
  line-height:1.18 !important;
  overflow-wrap:anywhere;
}
html body #page-pos .fake-order-points span {
  min-width:0;
  padding:8px 10px !important;
}
/* Reward cards used 11px even on desktop. */
html body #page-pos .nommi-reward-copy strong { font-size:23px !important;line-height:1.15 !important; }
html body #page-pos .nommi-reward-copy p,
html body #page-pos .nommi-reward-copy small,
html body #page-pos .nommi-reward-copy b,
html body #page-pos .nommi-reward-panel .nommi-reward-copy span {
  font-size:21px !important;
  line-height:1.19 !important;
}
html body #page-pos .nommi-reward-panel button {
  font-size:22px !important;
  line-height:1.12 !important;
  padding:10px 12px !important;
  min-height:46px;
}
/* Product shelf and basket */
html body #page-pos .food-name,
html body #page-pos .food-title,
html body #page-pos .food-card h4,
html body #page-pos .food-card h3 { font-size:22px !important;line-height:1.12 !important; }
html body #page-pos .food-price,
html body #page-pos .cart-line-price { font-size:24px !important;line-height:1.08 !important; }
html body #page-pos .food-card button,
html body #page-pos .food-grid button,
html body #page-pos .category-row button,
html body #page-pos .cart-panel button,
html body #page-pos .searchrow button {
  font-size:21px !important;
  line-height:1.12 !important;
  min-height:43px;
}
html body #page-pos .cart-items .empty,
html body #page-pos .cart-items .cart-empty,
html body #page-pos .summary,
html body #page-pos .summary .sumrow,
html body #page-pos .summary .sumrow span {font-size:22px !important;line-height:1.17 !important;}
html body #page-pos .sumrow.total,
html body #page-pos .sumrow.total span {font-size:26px !important;}
html body #page-pos .panel-head .small,
html body #page-pos .panel-head button {font-size:21px !important;}
/* Across other tabs: labels and explanatory text must remain readable. */
html body #page-design .mlc-design-label,
html body #page-design .mlc-design-hint,
html body #page-design .mlc-design-topline span,
html body #page-design .mlc-design-saved-box,
html body #page-design .mlc-design-saved-box small,
html body #page-design .mlc-design-saved p {font-size:21px !important;line-height:1.16 !important;}
html body #page-design .mlc-design-actions button,
html body #page-design .mlc-design-mode button,
html body #page-design .mlc-design-small-btn,
html body #page-design .mlc-design-uploads label {font-size:21px !important;line-height:1.16 !important;}
html body #page-library .library-card h4,
html body #page-library .library-card p,
html body #page-library .library-actions button {font-size:21px !important;line-height:1.12 !important;}
html body .mlc-note-title {font-size:30px !important;}
html body .mlc-note-caption,
html body .mlc-note-preview p,
html body .mlc-note-btn {font-size:22px !important;line-height:1.14 !important;}
/* Desktop layout is unchanged; only text grows and components gain height. */
@media(max-width:1100px) {
  html body #page-pos .packing-options button {font-size:21px !important;}
  html body #page-pos .fake-order-item {font-size:20px !important;}
}
@media(max-width:650px) {
  html body{font-size:22px !important;}
  html body #page-pos .packing-options button {font-size:20px !important;min-height:58px !important;padding:10px 8px !important;}
  html body #page-pos .fake-order-points,
  html body #page-pos .fake-order-points span,
  html body #page-pos .fake-order-points b {font-size:20px !important;}
  html body #page-pos .fake-order-item,
  html body #page-pos .fake-order-item span,
  html body #page-pos .fake-order-customer-copy p {font-size:20px !important;}
  html body #page-pos .nommi-reward-copy strong {font-size:21px !important;}
  html body #page-pos .nommi-reward-copy p,
  html body #page-pos .nommi-reward-copy small {font-size:19px !important;}
  html body #page-pos .food-name,
  html body #page-pos .food-price,
  html body #page-pos .cart-items .empty,
  html body #page-pos .summary .sumrow {font-size:21px !important;}
  html body #page-design .mlc-design-label,
  html body #page-design .mlc-design-hint {font-size:20px !important;}
  html body .mlc-note-title {font-size:26px !important;}
}