/* Chocodew Premium — app-like mobile navigation */
.mobile-bottom-nav{display:none}

/* The top-right order control is intentionally removed. Ordering remains available from the bottom My Order navigation. */
.hero .cart-pill{display:none!important}

.skip-link{
  position:fixed;
  left:12px;
  top:10px;
  z-index:100;
  transform:translateY(-150%);
  padding:10px 14px;
  border-radius:999px;
  background:#fffaf3;
  color:#2b1710;
  font-size:12px;
  font-weight:800;
  box-shadow:0 10px 30px rgba(0,0,0,.22);
  transition:transform .18s ease;
}
.skip-link:focus{transform:translateY(0)}

@media (max-width:760px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}

  /* With the order button removed, keep the language control clean and right-aligned. */
  .hero .nav-actions{
    margin-left:auto!important;
    min-width:0!important;
    max-width:none!important;
    gap:0!important;
  }
  .hero .lang-switch{
    width:128px!important;
    min-width:128px!important;
    height:42px!important;
    padding:0 11px!important;
    justify-content:center!important;
    gap:6px!important;
    white-space:nowrap!important;
  }
  .hero .lang-switch span:last-of-type{
    font-size:0!important;
  }
  .hero .lang-switch span:last-of-type::after{
    content:'T';
    font-size:12px!important;
    font-weight:800!important;
  }

  .mobile-bottom-nav{
    position:fixed;
    left:8px;
    right:8px;
    bottom:calc(7px + env(safe-area-inset-bottom));
    height:68px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    align-items:end;
    padding:6px 4px 3px;
    background:rgba(43,16,8,.97);
    border:1px solid rgba(232,181,111,.24);
    border-radius:23px;
    box-shadow:0 18px 45px rgba(25,8,3,.38),0 2px 0 rgba(255,255,255,.05) inset;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    z-index:45;
  }
  .mobile-bottom-nav button{
    position:relative;
    min-width:0;
    height:56px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    background:transparent;
    color:#c9b4a8;
    border-radius:17px;
    font-size:8px;
    font-weight:600;
    transition:color .18s ease,background .18s ease,transform .18s ease;
  }
  .mobile-bottom-nav button:focus-visible{outline:2px solid #e8b56f;outline-offset:2px}
  .mobile-bottom-nav button.active{color:#fff2df;background:rgba(255,255,255,.07)}
  .mobile-bottom-nav button.active:before{
    content:'';
    position:absolute;
    top:3px;
    width:22px;
    height:2px;
    border-radius:99px;
    background:#e8b56f;
  }
  .mobile-bottom-nav svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .mobile-bottom-nav .nav-order{
    margin-top:-16px;
    height:61px;
    width:58px;
    justify-self:center;
    border-radius:50%;
    background:linear-gradient(145deg,#7b3516,#351307);
    color:#fff3df;
    border:2px solid rgba(235,184,113,.35);
    box-shadow:0 10px 25px rgba(24,7,2,.4),0 2px 0 rgba(255,255,255,.08) inset;
  }
  .mobile-bottom-nav .nav-order.active{background:linear-gradient(145deg,#8c3f1b,#42170a)}
  .mobile-bottom-nav .nav-order.active:before{display:none}
  .mobile-bottom-nav .nav-order svg{width:22px;height:22px}
  .mobile-bottom-nav .nav-order-badge{
    position:absolute;
    top:0;
    right:1px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#e5a05b;
    color:#2b1008;
    border:2px solid #2b1008;
    font-size:8px;
    line-height:1;
  }
  .mobile-order-bar{bottom:84px!important;z-index:42!important}
  .top{bottom:88px!important}
  footer{padding-bottom:110px}
}

@media (prefers-reduced-motion:reduce){
  .mobile-bottom-nav button,.skip-link{transition:none}
}