/*
 * Enquiry form states added by enquiry.js. Uses the site's own colour and font variables
 * when they exist, so it suits either palette.
 */

.stay-enquiry-message {
  margin: 12px 0 0;
  padding: 10px 12px;
  border-left: 2px solid currentColor;
  background: rgba(168, 78, 55, 0.08);
  color: var(--t-rust, #A84E37);
  font-family: var(--sans, inherit);
  font-size: 12.5px;
  line-height: 1.5;
  text-align: left;
  animation: stay-enquiry-in .2s ease both;
}

.stay-enquiry-message.is-success {
  background: rgba(51, 102, 95, 0.08);
  color: var(--t-teal, #33665F);
}

.stay-enquiry-message[hidden] {
  display: none;
}

#enquireForm [aria-invalid="true"] {
  border-color: var(--t-rust, #A84E37) !important;
}

#enquireForm .enquire-submit[disabled] {
  cursor: progress;
  opacity: .85;
  transform: none;
}

@keyframes stay-enquiry-in {
  from { opacity: 0; transform: translateY(-3px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .stay-enquiry-message {
    animation: none;
  }
}