/* Brand display font (must precede other CSS rules per CSS spec) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap');
@import "tailwindcss";
@import "cropperjs/dist/cropper.css";
@import "./calendar.css";
@import "./calendar_playground.css";

.font-display {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Toast notification animations (used by shared/_toast.html.erb and JS-built
   toasts in operations_schedule_controller.js). Kept global so JS-injected
   nodes don't need to ship a <style> block. */
.toast-notification {
  animation: toast-in 0.3s ease-out forwards, toast-out 0.3s ease-in 3s forwards;
}

@keyframes toast-in {
  from { opacity: 0; transform: translateX(100%); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes toast-out {
  from { opacity: 1; transform: translateX(0); }
  to   { opacity: 0; transform: translateX(100%); }
}

/* Force Google Maps autocomplete to use light mode */
gmp-place-autocomplete {
  color-scheme: light;
}