body.menu-item-1>header #filterBarForm .wrapFilter{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}
body.menu-item-1>header #filterBarForm .wrapFilter>.eshop-select{flex:1 1 100%!important}
body.menu-item-1>header #filterBarForm .wrapFilter>.buttons-group{width:auto!important;flex:0 1 auto!important}
body.menu-item-1>header #filterBarForm #touch-filter-actions{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;padding:0!important;margin:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm #touch-filter-actions :is(#filtrovat,#resetovat,label.switchDisplayMode){display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;border-radius:8px!important;transform:none!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm #touch-filter-actions label.switchDisplayMode{width:48px!important;min-width:48px!important;padding:0!important;font-size:26px!important}
body.touch-actions-with-filters #filterBarForm>.table{grid-template-columns:174px minmax(0,1fr) auto!important}
body.touch-actions-with-filters #filterBarForm>.table>.mobile{display:none!important}
@media(min-width:701px) and (max-width:1350px){body.touch-actions-with-filters #filterBarForm>.table{grid-template-columns:minmax(0,1fr) auto!important}}
/* Checked state stays distinct from both resting and hovered filters. */
html[data-touch-theme] body>header #filterBarForm#filterBarForm label.check-label:has(input:checked){background:#c9edf5!important;color:#07586c!important;box-shadow:inset 0 0 0 2px #087f9b!important}
html[data-touch-theme=dark] body>header #filterBarForm#filterBarForm label.check-label:has(input:checked){background:#235364!important;color:#e0faff!important;box-shadow:inset 0 0 0 2px #75d3e7!important}
html[data-touch-theme] body>header #filterBarForm#filterBarForm label.check-label:has(input:checked)::after{content:''!important;position:absolute!important;inset:0!important;border:2px solid #087f9b!important;border-radius:inherit!important;pointer-events:none!important;z-index:3!important}
html[data-touch-theme=dark] body>header #filterBarForm#filterBarForm label.check-label:has(input:checked)::after{border-color:#75d3e7!important}
/* Compact taller blocks requested in the marked screenshot. */
html[data-touch-theme] body.menu-item-1>header #filterBarForm #touch-filter-actions :is(#filtrovat,#resetovat){width:88px!important;min-width:88px!important;max-width:88px!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:0 8px!important;font:600 14px/1.2 var(--touch-font)!important;border-radius:10px!important;text-align:center!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm #touch-filter-actions label.switchDisplayMode{width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;max-height:64px!important;border-radius:10px!important}
body.menu-item-1>header #filterBarForm #touch-filter-actions{align-self:center!important;gap:6px!important}
@media(min-width:1351px){body.menu-item-1>header #filterBarForm .wrapFilter{display:grid!important;grid-template-columns:max-content max-content!important;grid-template-rows:44px 44px!important;column-gap:8px!important;row-gap:8px!important;justify-content:start!important}body.menu-item-1>header #filterBarForm .wrapFilter>.eshop-select{grid-column:1;grid-row:1}body.menu-item-1>header #filterBarForm .wrapFilter>.buttons-group{grid-column:1;grid-row:2}body.menu-item-1>header #filterBarForm #touch-filter-actions{grid-column:2;grid-row:1/3;align-self:center!important}}
html[data-touch-theme] body.menu-item-1>header #filterBarForm #touch-filter-actions label.switchDisplayMode:not(#filtrovat):not(#resetovat){width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;max-height:64px!important;align-self:center!important}
/* Hover feedback without moving any aligned edge. */
html[data-touch-theme] body>header #filterBarForm#filterBarForm :is(.touch-date-trigger,label.check-label):hover{transform:none!important}
html[data-touch-theme] body>header #filterBarForm#filterBarForm #touch-filter-actions label.switchDisplayMode{transition:background-color .14s ease,box-shadow .14s ease,color .14s ease!important;cursor:pointer!important}
html[data-touch-theme] body>header #filterBarForm#filterBarForm #touch-filter-actions label.switchDisplayMode:hover{background:#315b6b!important;color:#e1faff!important;box-shadow:inset 0 0 0 2px #75d3e7!important;transform:none!important}
html[data-touch-theme] body>header #filterBarForm#filterBarForm #touch-filter-actions label.switchDisplayMode.active{background:#087f9b!important;color:#fff!important;box-shadow:inset 0 0 0 2px #75d3e7!important}
html[data-touch-theme] body>header #filterBarForm#filterBarForm #touch-filter-actions label.switchDisplayMode.active:hover{background:#096a82!important;box-shadow:inset 0 0 0 2px #b8f3ff!important}
/* Keep all order actions on one row, with a horizontal fallback on small screens. */
html[data-touch-theme] body.menu-item-1 #mainOrderList .orderActions{flex-wrap:nowrap!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:calc(100% - 20px)!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .orderActions>.orderAction{flex:1 1 auto!important;min-width:0!important;width:auto!important;margin:0!important;padding:8px 6px!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .orderActions>.orderAction .text{font-size:11px!important;line-height:1.3!important;white-space:nowrap!important}
@media(max-width:1100px){html[data-touch-theme] body.menu-item-1 #mainOrderList .orderActions>.orderAction{flex:0 0 auto!important}}
/* Packing/tablet carrier marks stay fully inside the same 44px filter tile. */
html[data-touch-theme] body:has(label.switchDisplayMode.active)>header #filterBarForm#filterBarForm label.check-label[for^="shipping-type-"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:4px 6px!important;line-height:1!important;vertical-align:middle!important;border-radius:8px!important}
html[data-touch-theme] body:has(label.switchDisplayMode.active)>header #filterBarForm#filterBarForm label.check-label[for^="shipping-type-"]>.image{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;position:static!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;line-height:1!important;flex:0 0 auto!important}
html[data-touch-theme] body:has(label.switchDisplayMode.active)>header #filterBarForm#filterBarForm label.check-label[for^="shipping-type-"]>.image>img{display:block!important;position:static!important;width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;margin:0!important;object-fit:contain!important;transform:none!important}
html[data-touch-theme] body:has(label.switchDisplayMode.active)>header #filterBarForm#filterBarForm label.check-label[for^="shipping-type-"] .name{display:block!important;margin:0!important;padding:0!important;font:600 10px/11px var(--touch-font)!important;white-space:nowrap!important}
/* Utility filters are real outlined tiles in both display modes. */
html[data-touch-theme] body>header #filterBarForm#filterBarForm :is(#buttonSwitchInvoiceView,#resetovatTouch,#linkf5){display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid var(--touch-theme-border,#c8e2eb)!important;border-radius:8px!important;background:var(--touch-theme-hover,#edf8fc)!important;color:var(--touch-theme-text,#087f9b)!important;font:600 12px/1 var(--touch-font)!important;cursor:pointer!important;transition:background-color .14s,box-shadow .14s,color .14s!important;transform:none!important}
html[data-touch-theme] body>header #filterBarForm#filterBarForm #resetovatTouch{color:#b13a50!important;border-color:#d497a3!important;background:#fff1f3!important}
html[data-touch-theme=dark] body>header #filterBarForm#filterBarForm #resetovatTouch{color:#ffc1c9!important;border-color:#82505f!important;background:#422d35!important}
html[data-touch-theme] body>header #filterBarForm#filterBarForm :is(#buttonSwitchInvoiceView,#resetovatTouch,#linkf5):hover{background:#315b6b!important;color:#e1faff!important;box-shadow:inset 0 0 0 1px #75d3e7!important}
html[data-touch-theme] body>header #filterBarForm#filterBarForm #buttonSwitchInvoiceView.active{background:#087f9b!important;color:white!important;box-shadow:inset 0 0 0 2px #75d3e7!important}