/* STAFF-REDESIGN-4G – Produktreset + Mini-Warenkorb als feste Bottom-Bar */

/* Nach Produktklick wird Kategorie/Suche per JS zurückgesetzt. Diese Leiste soll nicht mehr wie ein schwebendes Fenster wirken. */
body.akl-cart-has-items:not(.akl-manual-review) .manual-screen .cart-sheet{
  display:grid!important;
}
.manual-screen .cart-sheet{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;
  width:min(430px,100vw)!important;
  max-width:100vw!important;
  z-index:150!important;
  grid-template-columns:1fr auto!important;
  grid-template-areas:
    "head head"
    "edit send"!important;
  gap:7px 9px!important;
  padding:9px max(14px,env(safe-area-inset-left,0px)) 10px max(14px,env(safe-area-inset-right,0px))!important;
  border-radius:18px 18px 0 0!important;
  background:linear-gradient(180deg,rgba(26,24,8,.98),rgba(12,12,8,.98))!important;
  border:0!important;
  border-top:1px solid rgba(245,196,0,.50)!important;
  box-shadow:0 -10px 32px rgba(0,0,0,.46),0 -1px 0 rgba(245,196,0,.18)!important;
  backdrop-filter:blur(18px)!important;
}
.manual-screen .cart-sheet.is-hidden{display:none!important;}
.manual-screen .cart-sheet .cart-head{
  grid-area:head!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 2px!important;
  margin:0!important;
}
.manual-screen .cart-sheet .cart-head strong{
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#fff!important;
}
.manual-screen .cart-sheet .cart-head span{
  font-size:19px!important;
  font-weight:1000!important;
  line-height:1!important;
  color:var(--yellow)!important;
  letter-spacing:-.035em!important;
}
.manual-screen .cart-sheet .cart-items{display:none!important;}
.manual-screen .cart-sheet .cart-actions{display:contents!important;}
.manual-screen .cart-sheet .cart-actions .btn{
  min-height:39px!important;
  border-radius:13px!important;
  font-size:12.5px!important;
  font-weight:950!important;
  padding:7px 12px!important;
}
.manual-screen .cart-sheet .cart-actions .btn:first-child{
  grid-area:edit!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.manual-screen .cart-sheet .cart-actions .btn.primary{
  grid-area:send!important;
  background:linear-gradient(180deg,#ffd400,#f2bd00)!important;
  color:#070707!important;
  border:1px solid rgba(255,214,0,.62)!important;
  box-shadow:none!important;
}
body.akl-cart-has-items:not(.akl-manual-review) .manual-screen{
  padding-bottom:138px!important;
}
body.akl-cart-has-items:not(.akl-manual-review) .phone-frame{
  padding-bottom:0!important;
}
.manual-screen .cart-sheet.cart-pulse{animation:aklCartBarPulse .72s ease both!important;}
@keyframes aklCartBarPulse{
  0%{transform:translateX(-50%) translateY(6px);filter:brightness(1);}
  35%{transform:translateX(-50%) translateY(0);filter:brightness(1.22);box-shadow:0 -12px 38px rgba(0,0,0,.52),0 -1px 0 rgba(245,196,0,.55),0 0 30px rgba(245,196,0,.18);}
  100%{transform:translateX(-50%) translateY(0);filter:brightness(1);}
}

/* Kleine visuelle Rückmeldung: Die Artikelliste fällt nach dem Hinzufügen wieder auf neutral zurück. */
.manual-screen .productEmptyState.compactEmpty{
  border-color:rgba(245,196,0,.16)!important;
}

@media(max-width:430px){
  .manual-screen .cart-sheet{
    width:100vw!important;
    bottom:calc(64px + env(safe-area-inset-bottom,0px))!important;
    padding-left:max(12px,env(safe-area-inset-left,0px))!important;
    padding-right:max(12px,env(safe-area-inset-right,0px))!important;
  }
  body.akl-cart-has-items:not(.akl-manual-review) .manual-screen{padding-bottom:132px!important;}
}
