/* x4g: auth+cart UI (items) */
.fab-bar .ui{
  padding:.55rem .8rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:var(--c-bg-2);
  color:var(--c-text);
  height:38px;
  display:flex;
  align-items:center;
  font-weight:700;
  letter-spacing:.02em;
  box-shadow:var(--shadow-1);
}

/* Dymek przy koszyku, gdy nie zalogowany */
#cartLoginBubble{
  position:absolute;
  z-index:1000;
  background:var(--c-bg-2);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  padding:10px 12px;
  font-size:13px;
  color:var(--c-text);
  box-shadow:var(--shadow-2);
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .18s ease, transform .18s ease;
  max-width:280px;
}
#cartLoginBubble.show{ opacity:1; transform:translateY(0); }
#cartLoginBubble a{ font-weight:800; text-decoration:underline; }
#cartLoginBubble::before{
  content:"";
  position:absolute;
  top:-6px;
  right:22px;
  width:12px; height:12px;
  background:var(--c-bg-2);
  border-left:1px solid rgba(255,255,255,.12);
  border-top:1px solid rgba(255,255,255,.12);
  transform:rotate(45deg);
}



/* Gdy koszyk zablokowany do logowania */

.fab-btn.needs-auth,

.fab-btn[aria-disabled="true"]{

  cursor:not-allowed;

  filter:saturate(0.9);

}