/* GODIMENTO UI 886.5 · Edge-to-edge bottom navigation · all roles.
   Override legacy floating iOS safe-area offset. JS/roles/navigation untouched.
   The home-indicator area is part of the dock background, NOT a gap under it. */
:root{--gd8865-safe-bottom:env(safe-area-inset-bottom,0px)}
html body nav.bottom.bottom,
html body.ui870-staff nav.bottom.bottom,
html body.gd8863-staff nav.bottom.bottom,
html body.v67-customer-account-mode nav.bottom.bottom{
  --gd8865-bg:rgba(23,23,19,.98);
  --gd8865-text:#c9beaa;
  --gd8865-active:#f2d18a;
  position:fixed!important;
  left:0!important;right:0!important;top:auto!important;bottom:0!important;
  width:100%!important;max-width:620px!important;min-width:0!important;
  margin:0 auto!important;
  padding:2px max(5px,env(safe-area-inset-right,0px)) calc(2px + var(--gd8865-safe-bottom)) max(5px,env(safe-area-inset-left,0px))!important;
  height:calc(52px + var(--gd8865-safe-bottom))!important;
  min-height:0!important;max-height:none!important;
  box-sizing:border-box!important;
  border:0!important;border-top:1px solid rgba(220,183,100,.35)!important;
  border-radius:17px 17px 0 0!important;
  background:var(--gd8865-bg)!important;
  box-shadow:0 -6px 24px rgba(11,10,8,.18)!important;
  -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
  transform:none!important;-webkit-transform:none!important;
  z-index:2147480000!important;
  overflow:hidden!important;
  touch-action:manipulation!important;
  will-change:auto!important;
}
/* A real five-column grid with equal tap targets, no legacy 7-column inline grid. */
html body nav.bottom.bottom .tabs{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;width:100%!important;height:48px!important;min-height:48px!important;
  max-height:48px!important;margin:0!important;padding:0!important;
  align-items:stretch!important;justify-items:stretch!important;
  box-sizing:border-box!important;background:transparent!important;
}
html body nav.bottom.bottom .tabs > .tab{
  display:flex;position:relative!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;align-self:stretch!important;
  gap:2px!important;box-sizing:border-box!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:48px!important;min-height:48px!important;max-height:48px!important;
  margin:0!important;padding:3px 0!important;border:0!important;
  border-radius:11px!important;color:var(--gd8865-text)!important;
  background:transparent!important;box-shadow:none!important;
  font:650 10px/1.05 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
  text-align:center!important;letter-spacing:0!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:color .16s ease,background .16s ease!important;
}
html body nav.bottom.bottom .tabs > .tab.active{
  color:var(--gd8865-active)!important;
  background:linear-gradient(180deg,rgba(232,192,109,.13),rgba(232,192,109,.035))!important;
  box-shadow:inset 0 2px 0 rgba(230,184,99,.85)!important;
}
html body nav.bottom.bottom .tabs > .tab b{
  display:grid!important;place-items:center!important;
  box-sizing:border-box!important;position:relative!important;
  width:21px!important;height:21px!important;min-width:21px!important;
  min-height:21px!important;max-height:21px!important;
  padding:0!important;margin:0!important;
  flex:0 0 21px!important;line-height:1!important;
  font-weight:500!important;color:inherit!important;
  opacity:1!important;text-align:center!important;
}
html body nav.bottom.bottom .tabs > .tab.active b{color:inherit!important}
html body nav.bottom.bottom .tabs > .tab b > svg{display:none!important}
html body nav.bottom.bottom .tabs > .tab:focus-visible{outline:2px solid var(--gd8865-active)!important;outline-offset:-3px!important}
html body nav.bottom.bottom .tabs > .tab:active{background:rgba(232,192,109,.13)!important}
/* In staff mode existing hidden destinations remain hidden despite generic tab display. */
html body.gd8863-staff nav.bottom.bottom .tabs > #navProducts,
html body.gd8863-staff nav.bottom.bottom .tabs > #navInventory,
html body.gd8863-staff nav.bottom.bottom .tabs > #navMhd{display:none!important}
html body.gd8863-staff nav.bottom.bottom .tabs > #navStaffRecipes{display:flex!important}
/* Customer mode: never reveal staff items. */
html body.v67-customer-account-mode nav.bottom.bottom .tabs > #navStaffRecipes{display:none!important}
/* Preserve customer light theme without sacrificing matching geometry. */
html body.v67-customer-account-mode.v864-theme-light nav.bottom.bottom{
  --gd8865-bg:rgba(253,249,240,.98);--gd8865-text:#554b3b;--gd8865-active:#815916;
  border-top-color:rgba(116,83,35,.22)!important;
}
/* Keep last item scrollable above the fixed dock for all three roles. */
html body .app{padding-bottom:calc(80px + var(--gd8865-safe-bottom))!important}
html body.v67-customer-account-mode #v67CustomerAccountPage{padding-bottom:calc(80px + var(--gd8865-safe-bottom))!important}
html body.v67-customer-account-mode #v84RecipesPage,
html body.v67-customer-account-mode #v78CustomerShop,
html body.gd8863-staff-recipes #v84RecipesPage{padding-bottom:calc(80px + var(--gd8865-safe-bottom))!important}
@media(min-width:760px){html body nav.bottom.bottom{bottom:0!important}}
@media(prefers-reduced-motion:reduce){html body nav.bottom.bottom .tabs > .tab{transition:none!important}}

/* Same pictograms for matching destinations in customer, driver and admin. */
html body nav.bottom.bottom .tabs > #navTour b,html body nav.bottom.bottom .tabs > #navCustomers b,html body nav.bottom.bottom .tabs > #navStaffRecipes b,html body nav.bottom.bottom .tabs > #navCatalog b,html body nav.bottom.bottom .tabs > #navMore b,html body nav.bottom.bottom .tabs > #navCustomerAccount b,html body nav.bottom.bottom .tabs > #navCustomerShop b,html body nav.bottom.bottom .tabs > #navCustomerRecipes b,html body nav.bottom.bottom .tabs > #navCustomerFavorites b,html body nav.bottom.bottom .tabs > #navCustomerMore b{font-size:0!important}

html body nav.bottom.bottom .tabs > #navTour b::before,html body nav.bottom.bottom .tabs > #navCustomers b::before,html body nav.bottom.bottom .tabs > #navStaffRecipes b::before,html body nav.bottom.bottom .tabs > #navCatalog b::before,html body nav.bottom.bottom .tabs > #navMore b::before,html body nav.bottom.bottom .tabs > #navCustomerAccount b::before,html body nav.bottom.bottom .tabs > #navCustomerShop b::before,html body nav.bottom.bottom .tabs > #navCustomerRecipes b::before,html body nav.bottom.bottom .tabs > #navCustomerFavorites b::before,html body nav.bottom.bottom .tabs > #navCustomerMore b::before{
  content:"";display:block;width:20px;height:20px;min-width:20px;
  background-color:currentColor!important;
  -webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;
  mask-position:center;mask-size:contain;mask-repeat:no-repeat;
}
html body nav.bottom.bottom .tabs > #navTour b::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M8.5%2018h3.5a4%204%200%200%200%200-8h-1a4%204%200%200%201%200-8h5%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M8.5%2018h3.5a4%204%200%200%200%200-8h-1a4%204%200%200%201%200-8h5%22%2F%3E%3C%2Fsvg%3E");
}
html body nav.bottom.bottom .tabs > #navCustomers b::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M2%2021v-2a5%205%200%200%201%205-5h4a5%205%200%200%201%205%205v2M17%205a3.5%203.5%200%200%201%200%207M22%2021v-2a4%204%200%200%200-3-3.8%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M2%2021v-2a5%205%200%200%201%205-5h4a5%205%200%200%201%205%205v2M17%205a3.5%203.5%200%200%201%200%207M22%2021v-2a4%204%200%200%200-3-3.8%22%2F%3E%3C%2Fsvg%3E");
}
html body nav.bottom.bottom .tabs > #navStaffRecipes b::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M6%2013a4.3%204.3%200%200%201-.2-8A6%206%200%200%201%2018%205a4.3%204.3%200%200%201%200%208V21H6z%22%2F%3E%3Cpath%20d%3D%22M6%2017h12%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M6%2013a4.3%204.3%200%200%201-.2-8A6%206%200%200%201%2018%205a4.3%204.3%200%200%201%200%208V21H6z%22%2F%3E%3Cpath%20d%3D%22M6%2017h12%22%2F%3E%3C%2Fsvg%3E");
}
html body nav.bottom.bottom .tabs > #navCatalog b::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M4.5%208h15l1%2013h-17l1-13Z%22%2F%3E%3Cpath%20d%3D%22M9%209V6a3%203%200%200%201%206%200v3%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M4.5%208h15l1%2013h-17l1-13Z%22%2F%3E%3Cpath%20d%3D%22M9%209V6a3%203%200%200%201%206%200v3%22%2F%3E%3C%2Fsvg%3E");
}
html body nav.bottom.bottom .tabs > #navMore b::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M5%207h14M5%2012h14M5%2017h14%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M5%207h14M5%2012h14M5%2017h14%22%2F%3E%3C%2Fsvg%3E");
}
html body nav.bottom.bottom .tabs > #navCustomerAccount b::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v11H3z%22%2F%3E%3Cpath%20d%3D%22M9%2021v-7h6v7%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v11H3z%22%2F%3E%3Cpath%20d%3D%22M9%2021v-7h6v7%22%2F%3E%3C%2Fsvg%3E");
}
html body nav.bottom.bottom .tabs > #navCustomerShop b::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M4.5%208h15l1%2013h-17l1-13Z%22%2F%3E%3Cpath%20d%3D%22M9%209V6a3%203%200%200%201%206%200v3%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M4.5%208h15l1%2013h-17l1-13Z%22%2F%3E%3Cpath%20d%3D%22M9%209V6a3%203%200%200%201%206%200v3%22%2F%3E%3C%2Fsvg%3E");
}
html body nav.bottom.bottom .tabs > #navCustomerRecipes b::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M6%2013a4.3%204.3%200%200%201-.2-8A6%206%200%200%201%2018%205a4.3%204.3%200%200%201%200%208V21H6z%22%2F%3E%3Cpath%20d%3D%22M6%2017h12%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M6%2013a4.3%204.3%200%200%201-.2-8A6%206%200%200%201%2018%205a4.3%204.3%200%200%201%200%208V21H6z%22%2F%3E%3Cpath%20d%3D%22M6%2017h12%22%2F%3E%3C%2Fsvg%3E");
}
html body nav.bottom.bottom .tabs > #navCustomerFavorites b::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M20.7%207.5a4.8%204.8%200%200%200-8.7-2.2%204.8%204.8%200%200%200-8.7%202.2c0%204.5%208.7%2011%208.7%2011s8.7-6.5%208.7-11Z%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M20.7%207.5a4.8%204.8%200%200%200-8.7-2.2%204.8%204.8%200%200%200-8.7%202.2c0%204.5%208.7%2011%208.7%2011s8.7-6.5%208.7-11Z%22%2F%3E%3C%2Fsvg%3E");
}
html body nav.bottom.bottom .tabs > #navCustomerMore b::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M5%207h14M5%2012h14M5%2017h14%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.85%22%3E%3Cpath%20d%3D%22M5%207h14M5%2012h14M5%2017h14%22%2F%3E%3C%2Fsvg%3E");
}