/* Global toast position + mobile safe-area fix */

#toast,
.toast-container.bottom-center,
.toast-container.holla-toast {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 16px;
  z-index: 2000;
  max-width: 92vw;
}

/* Avoid being cut off on iPhone / Android browser bars */
@supports (bottom: env(safe-area-inset-bottom)) {
  #toast,
  .toast-container.bottom-center,
  .toast-container.holla-toast {
    bottom: calc(16px + env(safe-area-inset-bottom));
  }
}

/* Optional: nicer text on small screens */
@media (max-width: 768px) {
  #toast,
  .toast-container.bottom-center,
  .toast-container.holla-toast {
    font-size: 0.9rem;
    text-align: center;
  }
}