/* Sunmi-spezifische Optimierungen
 * Wird per body.sunmi-modus aktiviert (Detektion in _Layout-Inline-Script anhand
 * UserAgent oder explicit ?sunmi=1 Query-Param). Ziel: groessere Touch-Buttons,
 * mehr Padding, vereinfachtes Layout fuer schnelle Bedienung am Sunmi-Handheld
 * (720x1440 Hochformat) und Sunmi-Tablet (1280x800 Querformat).
 */

/* === Buttons: groesser, dicker, klar antippbar.
   ABER: .btn-close (X-Button) und .btn-link (Text-Button) excluden -
   sonst sehen die klobig/komisch aus. === */
body.sunmi-modus .btn:not(.btn-close):not(.btn-link) {
    min-height: 48px; padding: 10px 16px; font-size: 16px; font-weight: 600;
}
body.sunmi-modus .btn-sm:not(.btn-close):not(.btn-link) { min-height: 40px; padding: 8px 12px; font-size: 14px; }
body.sunmi-modus .btn-lg:not(.btn-close):not(.btn-link) { min-height: 56px; padding: 14px 22px; font-size: 18px; }
body.sunmi-modus .btn-close { min-width: 36px; min-height: 36px; padding: 6px; }
body.sunmi-modus .btn-link { padding: 8px 10px; }

/* Action-Buttons in Tabellen */
body.sunmi-modus table .btn-sm { min-width: 40px; }

/* === Form-Inputs: laenger fuer Touch === */
body.sunmi-modus .form-control,
body.sunmi-modus .form-select { min-height: 44px; font-size: 16px; padding: 8px 12px; }
body.sunmi-modus .form-check-input { width: 1.6em; height: 1.6em; margin-top: 0.15em; }

/* === Tab-Navigation: mehr Tap-Area === */
body.sunmi-modus .nav-link { padding: 14px 18px; font-size: 16px; }

/* === Hauptmenue (Top-Nav) auf Sunmi: kompakter, da Bildschirm schmaler === */
body.sunmi-modus.has-sunmi-handheld .navbar .dropdown-menu { min-width: 240px; }
body.sunmi-modus.has-sunmi-handheld .navbar .dropdown-item { padding: 14px 18px; font-size: 16px; }

/* === Modals: weniger Padding-Verschwendung am Handheld === */
body.sunmi-modus.has-sunmi-handheld .modal-dialog { margin: 8px; }
body.sunmi-modus.has-sunmi-handheld .modal-body { padding: 12px; }
body.sunmi-modus.has-sunmi-handheld .modal-footer { padding: 10px 12px; gap: 8px; }
body.sunmi-modus.has-sunmi-handheld .modal-footer .btn { flex: 1; }

/* === Toasts groesser/auffaelliger === */
body.sunmi-modus #portalToastContainer > div { font-size: 16px !important; padding: 16px 22px !important; min-width: 320px !important; }

/* === Kontextmenue im Tischplan: weniger Padding-Hover, mehr Tap-Area === */
body.sunmi-modus #tischContextMenu button.tcm-item { padding: 16px 18px; font-size: 16px; }
body.sunmi-modus #tischContextMenu button.tcm-item i { font-size: 20px; width: 22px; }

/* === Splitten-Modal: Stepper-Buttons riesig === */
body.sunmi-modus #splitModal button.pos-minus,
body.sunmi-modus #splitModal button.pos-plus,
body.sunmi-modus #splitModal button.pos-all { min-width: 44px; min-height: 44px; font-size: 18px; }

/* === Tisch-QR-Page (Handheld kann auch dort sein - aber nicht so wichtig) === */

/* === Bestell-Notification-Banner: groessere Cards am Sunmi === */
body.sunmi-modus .gastro-bestell-card { padding: 14px 16px; gap: 14px; }
body.sunmi-modus .gastro-bestell-card .gb-tisch { font-size: 20px; }
body.sunmi-modus .gastro-bestell-card .gb-items { font-size: 15px; }
body.sunmi-modus .gastro-bestell-card .gb-aktionen button { padding: 12px 18px; font-size: 15px; }

/* === Sticky-Aktion-Bar unten am Handheld (frei wenn man scrollt) === */
body.sunmi-modus.has-sunmi-handheld { padding-bottom: 70px; }