/* Toast Notifications */
.toast-item {
  position: absolute;
  pointer-events: auto;
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, opacity, height;
  width: 100%;
  min-width: 280px;
}

/* Position-specific transforms */
.toast-item[data-position^="top"] {
  --toast-top: var(--toast-offset, 0px);
  top: var(--toast-top);
  --toast-transform: translateY(0%);
}

.toast-item[data-position^="bottom"] {
  --toast-bottom: var(--toast-offset, 0px);
  bottom: var(--toast-bottom);
  --toast-transform: translateY(0%);
}

.toast-item[data-position$="-center"] {
  left: 50%;
  transform: translateX(-50%) var(--toast-transform);
}

.toast-item[data-position$="-left"] {
  left: 0;
  transform: var(--toast-transform);
}

.toast-item[data-position$="-right"] {
  right: 0;
  transform: var(--toast-transform);
}

/* Z-index */
.toast-item {
  z-index: var(--toast-z-index, 0);
}

/* Visibility states - Entry animation */
.toast-item[data-mounted="false"] {
  opacity: 0;
}

.toast-item[data-position^="top"][data-mounted="false"] {
  --toast-transform: translateY(-100%);
}

.toast-item[data-position^="bottom"][data-mounted="false"] {
  --toast-transform: translateY(100%);
}

.toast-item[data-mounted="true"] {
  opacity: 1;
}

/* Exit animation */
.toast-item[data-removed="true"] {
  opacity: 0;
  pointer-events: none;
}

.toast-item[data-position^="top"][data-removed="true"] {
  --toast-transform: translateY(-100%);
}

.toast-item[data-position^="bottom"][data-removed="true"] {
  --toast-transform: translateY(100%);
}

/* Stacked mode (default) - toasts peek behind the front one */
.toast-item[data-expanded="false"]:not([data-front="true"]):not([data-removed="true"]) {
  opacity: 1;
}

.toast-item[data-expanded="false"][data-index="1"]:not([data-removed="true"]) {
  transform: scale(0.97);
}

.toast-item[data-expanded="false"][data-index="2"]:not([data-removed="true"]) {
  transform: scale(0.94);
}

.toast-item[data-expanded="false"][data-index="3"]:not([data-removed="true"]) {
  transform: scale(0.91);
}

/* Adjust position for center-aligned toasts in stacked mode */
.toast-item[data-position$="-center"][data-expanded="false"] {
  transform: translateX(-50%) scale(var(--toast-scale, 1)) var(--toast-transform);
}

.toast-item[data-position$="-center"][data-expanded="false"][data-index="1"] {
  --toast-scale: 0.97;
}

.toast-item[data-position$="-center"][data-expanded="false"][data-index="2"] {
  --toast-scale: 0.94;
}

.toast-item[data-position$="-center"][data-expanded="false"][data-index="3"] {
  --toast-scale: 0.91;
}

/* Expanded mode - all toasts fully visible */
.toast-item[data-expanded="true"] {
  opacity: 1;
  transform: translateX(var(--toast-x, 0)) scale(1);
}

.toast-item[data-position$="-center"][data-expanded="true"] {
  transform: translateX(-50%) scale(1);
}

/* Hidden toasts (beyond limit) */
.toast-item[data-visible="false"] {
  opacity: 0;
  pointer-events: none;
}

/* Ensure smooth height transitions */
.toast-item > span {
  display: block;
  width: 100%;
}