/* FOODOS V6_30 / 84.72.0
   Deterministic hamburger-menu text and interaction states for browser/WebView. */

/* Remove native pressed-button painting and keep every label as a visible layer. */
html body .side-menu-panel button.menu-item,
html body .side-menu-panel .menu-submenu > button{
  -webkit-appearance:none!important;
  appearance:none!important;
  -webkit-tap-highlight-color:transparent!important;
  background-image:none!important;
  text-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1;
  visibility:visible!important;
}
html body .side-menu-panel .pc-menu-item-label{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:1.55!important;
  text-align:inherit!important;
  text-decoration:none!important;
  text-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Main rows: normal, keyboard focus, pressed and current are all explicit. */
html body .side-menu-panel button.menu-item:not(.menu-item-logout){
  border:1px solid #e2e8f0!important;
  background:#f8fafc!important;
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
  box-shadow:none!important;
}
html body .side-menu-panel button.menu-item:not(.menu-item-logout) > .pc-menu-item-label{
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
}
html body .side-menu-panel button.menu-item:not(.menu-item-logout):hover,
html body .side-menu-panel button.menu-item:not(.menu-item-logout):focus,
html body .side-menu-panel button.menu-item:not(.menu-item-logout):focus-visible{
  border-color:#bae6fd!important;
  outline:0!important;
  background:#f0f9ff!important;
  color:#075985!important;
  -webkit-text-fill-color:#075985!important;
  box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
}
html body .side-menu-panel button.menu-item:not(.menu-item-logout):hover > .pc-menu-item-label,
html body .side-menu-panel button.menu-item:not(.menu-item-logout):focus > .pc-menu-item-label,
html body .side-menu-panel button.menu-item:not(.menu-item-logout):focus-visible > .pc-menu-item-label{
  color:#075985!important;
  -webkit-text-fill-color:#075985!important;
}
html body .side-menu-panel button.menu-item:not(.menu-item-logout):active{
  border-color:#7dd3fc!important;
  background:#e0f2fe!important;
  color:#075985!important;
  -webkit-text-fill-color:#075985!important;
  box-shadow:0 3px 10px rgba(3,105,161,.10)!important;
  transform:scale(.985)!important;
}
html body .side-menu-panel button.menu-item:not(.menu-item-logout):active > .pc-menu-item-label{
  color:#075985!important;
  -webkit-text-fill-color:#075985!important;
}
html body .side-menu-panel button.menu-item.is-current:not(.menu-item-logout),
html body .side-menu-panel button.menu-item[aria-current="page"]:not(.menu-item-logout),
html body .side-menu-panel button.menu-item.is-current:not(.menu-item-logout):hover,
html body .side-menu-panel button.menu-item.is-current:not(.menu-item-logout):focus,
html body .side-menu-panel button.menu-item.is-current:not(.menu-item-logout):active,
html body .side-menu-panel button.menu-item[aria-current="page"]:not(.menu-item-logout):hover,
html body .side-menu-panel button.menu-item[aria-current="page"]:not(.menu-item-logout):focus,
html body .side-menu-panel button.menu-item[aria-current="page"]:not(.menu-item-logout):active{
  border-color:#0369a1!important;
  outline:0!important;
  background:#0369a1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 9px 22px rgba(3,105,161,.24)!important;
}
html body .side-menu-panel button.menu-item.is-current:not(.menu-item-logout) > .pc-menu-item-label,
html body .side-menu-panel button.menu-item[aria-current="page"]:not(.menu-item-logout) > .pc-menu-item-label{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Icons and disclosure affordance follow the same deterministic states. */
html body .side-menu-panel button.menu-item:not(.menu-item-logout) > svg.icon{
  background:#e0f2fe!important;
  color:#0284c7!important;
  -webkit-text-fill-color:#0284c7!important;
  fill:currentColor!important;
  stroke:currentColor;
}
html body .side-menu-panel button.menu-item.is-current:not(.menu-item-logout) > svg.icon,
html body .side-menu-panel button.menu-item[aria-current="page"]:not(.menu-item-logout) > svg.icon{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  fill:currentColor!important;
}
html body .side-menu-panel button.menu-submenu-parent > svg.menu-submenu-arrow{
  background:transparent!important;
  color:#64748b!important;
  -webkit-text-fill-color:#64748b!important;
  fill:none!important;
  stroke:currentColor!important;
}
html body .side-menu-panel button.menu-submenu-parent.has-current-child{
  border-color:#bae6fd!important;
  background:#f0f9ff!important;
  color:#075985!important;
  -webkit-text-fill-color:#075985!important;
}
html body .side-menu-panel button.menu-submenu-parent.has-current-child > .pc-menu-item-label,
html body .side-menu-panel button.menu-submenu-parent.has-current-child > svg.menu-submenu-arrow{
  color:#075985!important;
  -webkit-text-fill-color:#075985!important;
}
html body .side-menu-panel button.menu-item-coming-soon,
html body .side-menu-panel button.menu-item-coming-soon > .pc-menu-item-label{
  color:#64748b!important;
  -webkit-text-fill-color:#64748b!important;
}
html body .side-menu-panel button.menu-item-coming-soon{opacity:.58!important}

/* Logout stays visually separate and remains readable after focus/press. */
html body .side-menu-panel button.menu-item-logout{
  border:1px solid #fecdd3!important;
  background:#fff1f2!important;
  color:#be123c!important;
  -webkit-text-fill-color:#be123c!important;
  box-shadow:none!important;
}
html body .side-menu-panel button.menu-item-logout > .pc-menu-item-label{
  color:#be123c!important;
  -webkit-text-fill-color:#be123c!important;
}
html body .side-menu-panel button.menu-item-logout:hover,
html body .side-menu-panel button.menu-item-logout:focus,
html body .side-menu-panel button.menu-item-logout:focus-visible,
html body .side-menu-panel button.menu-item-logout:active{
  border-color:#fda4af!important;
  outline:0!important;
  background:#ffe4e6!important;
  color:#9f1239!important;
  -webkit-text-fill-color:#9f1239!important;
}
html body .side-menu-panel button.menu-item-logout:hover > .pc-menu-item-label,
html body .side-menu-panel button.menu-item-logout:focus > .pc-menu-item-label,
html body .side-menu-panel button.menu-item-logout:active > .pc-menu-item-label{
  color:#9f1239!important;
  -webkit-text-fill-color:#9f1239!important;
}

/* Submenu rows do not have label wrappers, so glyph fill is pinned on the button. */
html body .side-menu-panel .menu-submenu > button{
  border:1px solid #e2e8f0!important;
  background:#f8fafc!important;
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
  box-shadow:none!important;
}
html body .side-menu-panel .menu-submenu > button:hover,
html body .side-menu-panel .menu-submenu > button:focus,
html body .side-menu-panel .menu-submenu > button:focus-visible,
html body .side-menu-panel .menu-submenu > button:active{
  border-color:#bae6fd!important;
  outline:0!important;
  background:#e0f2fe!important;
  color:#075985!important;
  -webkit-text-fill-color:#075985!important;
  box-shadow:none!important;
}
html body .side-menu-panel .menu-submenu > button.is-current,
html body .side-menu-panel .menu-submenu > button[aria-current="page"],
html body .side-menu-panel .menu-submenu > button.is-current:hover,
html body .side-menu-panel .menu-submenu > button.is-current:focus,
html body .side-menu-panel .menu-submenu > button.is-current:active,
html body .side-menu-panel .menu-submenu > button[aria-current="page"]:hover,
html body .side-menu-panel .menu-submenu > button[aria-current="page"]:focus,
html body .side-menu-panel .menu-submenu > button[aria-current="page"]:active{
  border-color:#0369a1!important;
  background:#0369a1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 7px 17px rgba(3,105,161,.20)!important;
}

/* Dark mode mirrors every state with fixed, WebView-safe colors. */
html.pc-dark-mode body .side-menu-panel button.menu-item:not(.menu-item-logout),
html body.pc-dark-mode .side-menu-panel button.menu-item:not(.menu-item-logout){
  border-color:#334155!important;
  background:#111827!important;
  color:#e2e8f0!important;
  -webkit-text-fill-color:#e2e8f0!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-item:not(.menu-item-logout) > .pc-menu-item-label,
html body.pc-dark-mode .side-menu-panel button.menu-item:not(.menu-item-logout) > .pc-menu-item-label{
  color:#e2e8f0!important;
  -webkit-text-fill-color:#e2e8f0!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-item:not(.menu-item-logout):hover,
html.pc-dark-mode body .side-menu-panel button.menu-item:not(.menu-item-logout):focus,
html.pc-dark-mode body .side-menu-panel button.menu-item:not(.menu-item-logout):focus-visible,
html.pc-dark-mode body .side-menu-panel button.menu-item:not(.menu-item-logout):active,
html body.pc-dark-mode .side-menu-panel button.menu-item:not(.menu-item-logout):hover,
html body.pc-dark-mode .side-menu-panel button.menu-item:not(.menu-item-logout):focus,
html body.pc-dark-mode .side-menu-panel button.menu-item:not(.menu-item-logout):focus-visible,
html body.pc-dark-mode .side-menu-panel button.menu-item:not(.menu-item-logout):active{
  border-color:#0c4a6e!important;
  background:#0c263b!important;
  color:#bae6fd!important;
  -webkit-text-fill-color:#bae6fd!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-item:not(.menu-item-logout):hover > .pc-menu-item-label,
html.pc-dark-mode body .side-menu-panel button.menu-item:not(.menu-item-logout):focus > .pc-menu-item-label,
html.pc-dark-mode body .side-menu-panel button.menu-item:not(.menu-item-logout):active > .pc-menu-item-label,
html body.pc-dark-mode .side-menu-panel button.menu-item:not(.menu-item-logout):hover > .pc-menu-item-label,
html body.pc-dark-mode .side-menu-panel button.menu-item:not(.menu-item-logout):focus > .pc-menu-item-label,
html body.pc-dark-mode .side-menu-panel button.menu-item:not(.menu-item-logout):active > .pc-menu-item-label{
  color:#bae6fd!important;
  -webkit-text-fill-color:#bae6fd!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-item.is-current:not(.menu-item-logout),
html.pc-dark-mode body .side-menu-panel button.menu-item[aria-current="page"]:not(.menu-item-logout),
html.pc-dark-mode body .side-menu-panel button.menu-item.is-current:not(.menu-item-logout):hover,
html.pc-dark-mode body .side-menu-panel button.menu-item.is-current:not(.menu-item-logout):focus,
html.pc-dark-mode body .side-menu-panel button.menu-item.is-current:not(.menu-item-logout):active,
html body.pc-dark-mode .side-menu-panel button.menu-item.is-current:not(.menu-item-logout),
html body.pc-dark-mode .side-menu-panel button.menu-item[aria-current="page"]:not(.menu-item-logout),
html body.pc-dark-mode .side-menu-panel button.menu-item.is-current:not(.menu-item-logout):hover,
html body.pc-dark-mode .side-menu-panel button.menu-item.is-current:not(.menu-item-logout):focus,
html body.pc-dark-mode .side-menu-panel button.menu-item.is-current:not(.menu-item-logout):active{
  border-color:#38bdf8!important;
  background:#075985!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-item.is-current:not(.menu-item-logout) > .pc-menu-item-label,
html.pc-dark-mode body .side-menu-panel button.menu-item[aria-current="page"]:not(.menu-item-logout) > .pc-menu-item-label,
html body.pc-dark-mode .side-menu-panel button.menu-item.is-current:not(.menu-item-logout) > .pc-menu-item-label,
html body.pc-dark-mode .side-menu-panel button.menu-item[aria-current="page"]:not(.menu-item-logout) > .pc-menu-item-label{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-item:not(.menu-item-logout) > svg.icon,
html body.pc-dark-mode .side-menu-panel button.menu-item:not(.menu-item-logout) > svg.icon{
  background:#162238!important;
  color:#38bdf8!important;
  -webkit-text-fill-color:#38bdf8!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-item.is-current:not(.menu-item-logout) > svg.icon,
html.pc-dark-mode body .side-menu-panel button.menu-item[aria-current="page"]:not(.menu-item-logout) > svg.icon,
html body.pc-dark-mode .side-menu-panel button.menu-item.is-current:not(.menu-item-logout) > svg.icon,
html body.pc-dark-mode .side-menu-panel button.menu-item[aria-current="page"]:not(.menu-item-logout) > svg.icon{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-submenu-parent > svg.menu-submenu-arrow,
html body.pc-dark-mode .side-menu-panel button.menu-submenu-parent > svg.menu-submenu-arrow{
  color:#94a3b8!important;
  -webkit-text-fill-color:#94a3b8!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-submenu-parent.has-current-child,
html body.pc-dark-mode .side-menu-panel button.menu-submenu-parent.has-current-child{
  border-color:#0c4a6e!important;
  background:#0c263b!important;
  color:#bae6fd!important;
  -webkit-text-fill-color:#bae6fd!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-submenu-parent.has-current-child > .pc-menu-item-label,
html.pc-dark-mode body .side-menu-panel button.menu-submenu-parent.has-current-child > svg.menu-submenu-arrow,
html body.pc-dark-mode .side-menu-panel button.menu-submenu-parent.has-current-child > .pc-menu-item-label,
html body.pc-dark-mode .side-menu-panel button.menu-submenu-parent.has-current-child > svg.menu-submenu-arrow{
  color:#bae6fd!important;
  -webkit-text-fill-color:#bae6fd!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-item-logout,
html body.pc-dark-mode .side-menu-panel button.menu-item-logout{
  border-color:#7f1d1d!important;
  background:#2a1118!important;
  color:#fda4af!important;
  -webkit-text-fill-color:#fda4af!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-item-logout > .pc-menu-item-label,
html body.pc-dark-mode .side-menu-panel button.menu-item-logout > .pc-menu-item-label{
  color:#fda4af!important;
  -webkit-text-fill-color:#fda4af!important;
}
html.pc-dark-mode body .side-menu-panel button.menu-item-logout:hover,
html.pc-dark-mode body .side-menu-panel button.menu-item-logout:focus,
html.pc-dark-mode body .side-menu-panel button.menu-item-logout:active,
html body.pc-dark-mode .side-menu-panel button.menu-item-logout:hover,
html body.pc-dark-mode .side-menu-panel button.menu-item-logout:focus,
html body.pc-dark-mode .side-menu-panel button.menu-item-logout:active{
  border-color:#be123c!important;
  background:#3b111d!important;
  color:#fecdd3!important;
  -webkit-text-fill-color:#fecdd3!important;
}
html.pc-dark-mode body .side-menu-panel .menu-submenu > button,
html body.pc-dark-mode .side-menu-panel .menu-submenu > button{
  border-color:#334155!important;
  background:#111827!important;
  color:#cbd5e1!important;
  -webkit-text-fill-color:#cbd5e1!important;
}
html.pc-dark-mode body .side-menu-panel .menu-submenu > button:hover,
html.pc-dark-mode body .side-menu-panel .menu-submenu > button:focus,
html.pc-dark-mode body .side-menu-panel .menu-submenu > button:active,
html body.pc-dark-mode .side-menu-panel .menu-submenu > button:hover,
html body.pc-dark-mode .side-menu-panel .menu-submenu > button:focus,
html body.pc-dark-mode .side-menu-panel .menu-submenu > button:active{
  border-color:#0c4a6e!important;
  background:#0c263b!important;
  color:#bae6fd!important;
  -webkit-text-fill-color:#bae6fd!important;
}
html.pc-dark-mode body .side-menu-panel .menu-submenu > button.is-current,
html.pc-dark-mode body .side-menu-panel .menu-submenu > button[aria-current="page"],
html.pc-dark-mode body .side-menu-panel .menu-submenu > button.is-current:hover,
html.pc-dark-mode body .side-menu-panel .menu-submenu > button.is-current:focus,
html.pc-dark-mode body .side-menu-panel .menu-submenu > button.is-current:active,
html body.pc-dark-mode .side-menu-panel .menu-submenu > button.is-current,
html body.pc-dark-mode .side-menu-panel .menu-submenu > button[aria-current="page"],
html body.pc-dark-mode .side-menu-panel .menu-submenu > button.is-current:hover,
html body.pc-dark-mode .side-menu-panel .menu-submenu > button.is-current:focus,
html body.pc-dark-mode .side-menu-panel .menu-submenu > button.is-current:active{
  border-color:#38bdf8!important;
  background:#075985!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}