/* Toast Notification Styles */
/* See toast.js for main functionality */

/* Mobile adjustments */
@media (max-width: 480px) {
  #toast-container {
    left: 16px;
    right: 16px;
    bottom: 16px;
    max-width: none;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .toast {
    transition: none !important;
  }
}

/* Focus styles for accessibility */
.toast:focus {
  outline: 2px solid #E8A33D;
  outline-offset: 2px;
}

/* Print styles */
@media print {
  #toast-container {
    display: none;
  }
}