@font-face{font-family:'Inter';src:url('InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
/* Smartphone-only additions. Loaded exclusively by ordinitavolo.php. */
html.hk-mobile-orders { --mobile-visual-top:0px; --mobile-header-height:76px; }
html.hk-mobile-orders.android-safe-area { --app-safe-top:max(28px,env(safe-area-inset-top,0px)); }
html.hk-mobile-orders.android-native-safe-area { --app-safe-top:max(48px,env(safe-area-inset-top,0px)); }
.hk-mobile-orders [hidden] { display:none!important; }
.hk-mobile-orders body.is-authorized { padding-top:calc(var(--mobile-header-height) + 10px); }
.hk-mobile-orders .modal-bg,
.hk-mobile-orders .special-menu-alert,
.hk-mobile-orders .special-menu-dish-modal,
.hk-mobile-orders .custom-success-modal,
.hk-mobile-orders .hk-shortage-overlay {
    top:calc(var(--mobile-visual-top) + var(--app-safe-top)); bottom:auto;
    height:calc(var(--app-height) - var(--app-safe-top)); max-height:calc(var(--app-height) - var(--app-safe-top));
    padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
    box-sizing:border-box; overscroll-behavior:contain;
}
.hk-mobile-orders .modal-bg>.modal-box,
.hk-mobile-orders .modal-bg>.modal-message-box,
.hk-mobile-orders .special-menu-alert>div,
.hk-mobile-orders .custom-success-modal>div,
.hk-mobile-orders .special-menu-dish-modal>.special-menu-dish-box { max-height:100%; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.hk-mobile-orders #menuOverlay,.hk-mobile-orders #cartOverlay,.hk-mobile-orders #searchOverlay {
    top:calc(var(--mobile-visual-top) + var(--app-safe-top)); height:calc(var(--app-height) - var(--app-safe-top));
    padding-bottom:env(safe-area-inset-bottom); box-sizing:border-box; overscroll-behavior:contain;
}
.hk-mobile-orders #menuOverlay:not(.open) { visibility:hidden; pointer-events:none; }
.hk-mobile-orders .cart-content { min-height:0; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:12px; }
.hk-mobile-orders .cart-footer { flex-shrink:0; padding:10px 12px; }
.hk-mobile-orders .product-detail-box { max-height:100%!important; }
.hk-mobile-orders #tableChatModal .chat-box { max-height:100%; min-height:0; height:100%; }
.hk-mobile-orders #noteModal { align-items:flex-start; }
.hk-mobile-orders #noteModal .modal-box { padding:14px; max-width:460px; }
.mobile-note-head { display:flex; align-items:center; gap:8px; margin-bottom:10px; text-align:left; }
.mobile-note-head h3 { flex:0 0 auto; font-size:15px; margin:0; }
.mobile-note-head strong { flex:1; min-width:0; font-size:13px; text-align:right; }
.mobile-note-head img { width:44px; height:44px; object-fit:cover; border-radius:8px; }
.mobile-quantity { display:grid; grid-template-columns:52px minmax(60px,100px) 52px; justify-content:center; align-items:center; gap:10px; margin:14px 0; }
.mobile-quantity button { height:48px; border:0; border-radius:12px; font-size:26px; background:#edf2f0; color:#14532d; }
.mobile-quantity input { margin:0; height:48px; padding:4px; }
#sollecitoError { color:#b42318; font-size:14px; }
#mobile-home-timer { position:fixed; right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); z-index:950; border:1px solid #e6b967; border-radius:18px; padding:9px 14px; background:#fff5df; color:#844400; font-size:13px; font-weight:700; box-shadow:0 3px 12px #0002; }
#mobile-sync-status { position:fixed; top:var(--mobile-header-height); left:8px; right:8px; z-index:2100; padding:8px; border-radius:8px; background:#fff4d4; color:#744400; text-align:center; font-size:13px; }
.hk-mobile-orders #hk-shortage-customer .hk-shortage-panel { max-height:100%; }
.hk-mobile-orders #hk-shortage-customer .hk-shortage-head,
.hk-mobile-orders #hk-shortage-customer .hk-shortage-footer { flex-shrink:0; }
.hk-mobile-orders #hk-shortage-customer .hk-shortage-item img { width:160px; height:160px; }
.hk-mobile-orders .modal-actions button { min-height:44px; touch-action:manipulation; }
.hk-mobile-orders .card .card-desc { display:none!important; }
@media(max-height:470px) {
    .hk-mobile-orders .modal-box { padding:12px; }
    .hk-mobile-orders #hk-shortage-customer .hk-shortage-item { flex-direction:row; }
    .hk-mobile-orders #hk-shortage-customer .hk-shortage-head p { display:none; }
}

/* Keep the customer's name field clearly visible against the white dialog. */
#nameEntryModal #clientNameInput {
    background-color:#edf4ff;
    border:2px solid #2563eb;
    color:#0f172a;
    -webkit-text-fill-color:#0f172a;
    caret-color:#1d4ed8;
}
#nameEntryModal #clientNameInput::placeholder {
    color:#475569;
    -webkit-text-fill-color:#475569;
    opacity:1;
}
#nameEntryModal #clientNameInput:focus {
    background-color:#fff;
    border-color:#1d4ed8;
    box-shadow:0 0 0 4px rgba(37,99,235,.2);
}
