/* Toast container */
#toast-container {
  position: fixed;
  top: 20px;
  left: calc(60px + (100vw - 60px) / 2); /* navbar fermée */
  transform: translateX(-50%);
  z-index: 2000;
  pointer-events: none;
  transition: left 0.25s ease;
}

body.navbar-open #toast-container {
  left: calc(180px + (100vw - 180px) / 2); /* navbar ouverte */
}

/* Base toast */
.toast {
  background: #111827;
  color: #ffffff;
  padding: 12px 30px;
  border-radius: 12px;
  font-size: 14px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Visible state */
.toast.show {
  opacity: 1;
  transform: translateY(0);
}

/* Variants (future-proof) */
.toast.success {
  background: #2A7D4F;  /*16a34a*/
}

.toast.error {
  background: var(--redlina-red);
}

.toast.info {
  background: var(--redlina-red);
}