@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

/* Custom Font Utilities */
.font-script {
  font-family: 'Great Vibes', cursive;
}

/* Custom Checkbox styles for RSVP */
.checkbox-circle:checked + div {
  background-color: #2f3524;
}

/* Toastr Custom Styling & Wedding Theme Integration */
.toast-container {
  font-family: 'Quicksand', sans-serif;
}

.toast {
  background-color: #1a4d3e;
  color: #fef6f0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(26, 77, 62, 0.3);
  border-left: 4px solid #4a9d89;
  padding: 1rem;
  font-size: 14px;
  font-weight: 500;
}

.toast.success {
  background-color: #166534;
  border-left-color: #22c55e;
  color: #f0fdf4;
}

.toast.error {
  background-color: #7f1d1d;
  border-left-color: #ef4444;
  color: #fef2f2;
}

.toast.warning {
  background-color: #713f12;
  border-left-color: #eab308;
  color: #fffbeb;
}

.toast.info {
  background-color: #1e3a8a;
  border-left-color: #3b82f6;
  color: #eff6ff;
}

.toast-message {
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
}

.toast-close-button {
  color: inherit;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.toast-close-button:hover {
  opacity: 1;
}

.toast-progress {
  background: linear-gradient(to right, #4a9d89, #6ab09f);
  height: 3px;
}

.toast.success .toast-progress {
  background: linear-gradient(to right, #22c55e, #4ade80);
}

.toast.error .toast-progress {
  background: linear-gradient(to right, #dc2626, #ef4444);
}

.toast.warning .toast-progress {
  background: linear-gradient(to right, #d97706, #f59e0b);
}

.toast.info .toast-progress {
  background: linear-gradient(to right, #2563eb, #3b82f6);
}