.wcpa-toast-stack {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100000;
  width: min(520px, calc(100vw - 24px));
  pointer-events: none;
}

.wcpa-toast {
  pointer-events: auto;
  margin: 0 auto;
  padding: 14px 18px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.wcpa-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.wcpa-toast--warning {
  background: #fff4e5;
  color: #5c3d08;
  border: 1px solid #e2a93b;
}

.wcpa-toast--error {
  background: #fde8e8;
  color: #7a1f1f;
  border: 1px solid #e08a8a;
}

.wcpa-toast--info {
  background: #e8f1ff;
  color: #143a75;
  border: 1px solid #8bb0e8;
}

@media (max-width: 600px) {
  .wcpa-toast-stack {
    top: 12px;
  }
  .wcpa-toast {
    font-size: 14px;
    padding: 12px 14px;
  }
}