/* V13.15 - Navegación premium compartida: cliente y meseros */
@media(max-width:760px){
 body.menu-v10 > nav.mobile-dock{
  width:min(440px,calc(100% - 20px))!important;max-width:440px!important;
  left:50%!important;right:auto!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  padding:7px!important;gap:3px!important;border:1px solid #f0e3d5!important;
  border-radius:23px!important;background:rgba(255,252,248,.97)!important;
  box-shadow:0 12px 38px rgba(37,23,10,.18),0 2px 8px rgba(37,23,10,.07)!important;
  backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
 }
 body.menu-v10 > nav.mobile-dock > button,body.menu-v10 > nav.mobile-dock > a{
  min-height:58px!important;gap:4px!important;padding:6px 1px!important;
  border-radius:17px!important;transition:background .15s ease,color .15s ease,transform .15s ease!important;
  font-size:10px!important;
 }
 body.menu-v10 > nav.mobile-dock > .is-active{
  background:#f47421!important;color:#fff!important;box-shadow:0 5px 13px rgba(235,104,23,.26)!important;
 }
 body.menu-v10 > nav.mobile-dock > .is-active svg{stroke:#fff!important}
 body.menu-v10 > nav.mobile-dock > button svg,body.menu-v10 > nav.mobile-dock > a svg{width:21px!important;height:21px!important}
 body.menu-v10 > nav.mobile-dock #dockCount{background:#f47421!important;color:white!important}
 body.menu-v10 > nav.mobile-dock > .is-active #dockCount{background:#fff!important;color:#ed6b1e!important}
 body.menu-v10 .menu-main{padding-bottom:calc(115px + env(safe-area-inset-bottom,0px))!important}
}
@media(min-width:761px){
 body.menu-v10 > nav.mobile-dock{border-radius:24px!important;box-shadow:0 12px 35px rgba(37,23,10,.16)!important}
}
body:not(.menu-v10) .bottom-nav{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:6px!important;padding:7px!important;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;
 bottom:calc(9px + env(safe-area-inset-bottom,0px))!important;left:50%!important;right:auto!important;
 transform:translateX(-50%)!important;width:min(430px,calc(100% - 20px))!important;max-width:430px!important;
 border:1px solid #f0e3d5!important;border-radius:24px!important;
 background:rgba(255,252,248,.97)!important;box-shadow:0 12px 38px rgba(37,23,10,.18)!important;
 backdrop-filter:blur(20px)!important;z-index:35!important;
}
body:not(.menu-v10) .bottom-nav .nav-item{
 min-width:0!important;min-height:58px!important;border-radius:17px!important;
 background:transparent!important;color:#867b72!important;font-size:11px!important;
 font-weight:800!important;gap:3px!important;line-height:1.2!important;
}
body:not(.menu-v10) .bottom-nav .nav-item.active{
 background:#f47421!important;color:#fff!important;box-shadow:0 5px 13px rgba(235,104,23,.26)!important;
}
body:not(.menu-v10) .bottom-nav .nav-item span{font-size:23px!important;line-height:1!important}
body:not(.menu-v10) .bottom-nav .nav-item.active b{background:#fff!important;color:#f47421!important}
body:not(.menu-v10) .option-limit-count{
 display:block;margin:6px 0 12px;padding:7px 10px;border-radius:9px;
 background:#fff3e8;color:#9d4a16;font-size:12px;font-weight:750;
}
body:not(.menu-v10) .options label.option-disabled{opacity:.43;cursor:not-allowed}
body:not(.menu-v10) .options label.option-selected{color:#b75116;font-weight:750}
@media(max-width:370px){
 body:not(.menu-v10) .bottom-nav .nav-item{min-height:54px!important;font-size:10px!important}
 body.menu-v10 > nav.mobile-dock > button,body.menu-v10 > nav.mobile-dock > a{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){
 body.menu-v10 > nav.mobile-dock > button,body.menu-v10 > nav.mobile-dock > a{transition:none!important}
}
