/* Menu inferior essencial PedidoPop
   Para editar botões: inc/dashboard/bottom-navigation.php */
.pp-bottom-nav{
  position:fixed;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  z-index:9998;
  width:min(96vw,760px);
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:6px;
  padding:13px;
  border:1px solid rgba(226,232,240,.95);
  border-radius:24px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 45px rgba(15,23,42,.16);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.pp-bottom-nav__item{
  min-height:74px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border-radius:18px;
  color:#64748b;
  text-decoration:none!important;
  font-weight:950;
  font-size:11px;
  line-height:1;
  -webkit-tap-highlight-color:transparent;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.pp-bottom-nav__item:active{transform:scale(.96)}
.pp-bottom-nav__icon{font-size:29px;line-height:1;filter:grayscale(1);opacity:.78}
.pp-bottom-nav__label{letter-spacing:-.15px}
.pp-bottom-nav__item.is-active,
.pp-bottom-nav__item:hover{
  background:#f1f5f9;
  color:#111827;
}
.pp-bottom-nav__item.is-active .pp-bottom-nav__icon{
  filter:none;
  opacity:1;
}
body:has(.pp-bottom-nav){padding-bottom:82px}
.pp-account-page,.pp-dashboard-page,.pp-app,.pp-work-dashboard{padding-bottom:96px!important}
@media(min-width:781px){
  .pp-bottom-nav{bottom:16px;width:min(680px,92vw)}
}
@media(max-width:380px){
  .pp-bottom-nav{width:98vw;bottom:6px;border-radius:20px;padding:6px;gap:3px}
  .pp-bottom-nav__item{min-height:50px;border-radius:15px;font-size:10px}
  .pp-bottom-nav__icon{font-size:18px}
}