/* Modern 1.7.2 — isolated bottom navigation for shared WooFood screens. */
body.woofood-modern{--wm-dock-space:112px}
body.woofood-modern .content-inner{padding-bottom:calc(var(--wm-dock-space) + env(safe-area-inset-bottom,0px))}
.woofood-modern .wm-bottom-menu{position:fixed;z-index:900;inset-inline:16px;bottom:12px;width:auto;max-width:var(--woofood-container-width,1180px);margin:0 auto;border:1px solid var(--woofood-border);border-radius:var(--woofood-card-radius);background:color-mix(in srgb,var(--woofood-surface) 96%,transparent);box-shadow:var(--woofood-shadow-strong);backdrop-filter:blur(12px)}
.woofood-modern .wm-bottom-inner{display:flex;flex-wrap:nowrap;align-items:stretch;gap:4px;min-height:74px;padding:7px}
.woofood-modern .wm-bottom-link{position:relative;display:flex;flex-wrap:wrap;flex-direction:column;flex-grow:1;flex-shrink:1;align-items:center;justify-content:center;gap:5px;width:20%;min-width:0;min-height:58px;padding:5px 2px;color:var(--woofood-muted)}
.woofood-modern .wm-bottom-link:is(.active,:hover){color:var(--woofood-primary)}
.woofood-modern .wm-bottom-link:focus-visible{outline:3px solid var(--woofood-primary);outline-offset:2px}
.woofood-modern .wm-bottom-link svg{width:23px;height:23px}
.woofood-modern .wm-nav-label{display:block;max-width:100%;font-size:10px;line-height:1.2;text-align:center;overflow-wrap:anywhere}
.woofood-modern .wm-bottom-link[data-woofood-menu-key="home"] svg{box-sizing:content-box;padding:9px;border-radius:50%;background:var(--woofood-primary);color:var(--woofood-on-primary)}
.woofood-modern .wm-bottom-link .woofood-cart-count{position:absolute;top:1px;right:auto;left:calc(50% + 7px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;min-width:18px;height:18px;margin:0;padding:0 4px;border-radius:999px;background:var(--woofood-primary);color:var(--woofood-on-primary);box-shadow:0 0 0 2px var(--woofood-surface);font-size:11px;line-height:1;pointer-events:none;transform:none}
.woofood-modern .wm-bottom-link .woofood-cart-count[hidden]{display:none}
@media (max-width:767px){.woofood-modern .wm-bottom-menu{inset-inline:10px;bottom:max(8px,env(safe-area-inset-bottom,0px));width:auto;margin:0}}
@media (max-width:575px){.woofood-modern .wm-nav-label{font-size:9px}}
@media (prefers-reduced-motion:reduce){.woofood-modern :is(.wm-bottom-link,.woofood-cart-count){animation:none;transition:none}}