/* Contact page — form focus + toast notifications */

.contact-form-input:focus {
  border-color: var(--color-caramel, #b07d4a);
  outline: none;
}

#contact-toast {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 100;
  max-width: min(100vw - 2rem, 24rem);
  padding: 0.875rem 1.125rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.45;
  box-shadow: var(--shadow-md);
  transform: translateY(120%);
  opacity: 0;
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.35s ease;
  pointer-events: none;
}

#contact-toast.is-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

#contact-toast.toast-success {
  background: #1a1a1a;
  color: #fff;
  border: 1px solid #e3dcd2;
}

#contact-toast.toast-error {
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid #fecaca;
}