/* ============================================================
   THE ROSE BARN — WordPress-only additions

   Things the approved static design has no state for. Kept out
   of css/rosebarn.css so that file stays byte-identical to the
   design. Uses the design's own tokens only.
   ============================================================ */

/* A form that could not be sent. Mirrors .form-success in shape. */
.form-error{
  grid-column: 1 / -1;
  border: 1px solid var(--bark);
  padding: 1.2rem 1.5rem;
  margin: 0 0 2rem;
  background: rgba(75, 63, 52, 0.05);
  font-family: var(--ui);
  font-size: 0.98rem;
  line-height: 1.55;
  color: var(--bark);
}

/* While sending: the button cannot be pressed twice. */
form[data-enquiry] [type="submit"][aria-busy="true"]{
  opacity: 0.6;
  cursor: progress;
}

.field [aria-invalid="true"]{ border-bottom-color: var(--bark); }

/* Logged-in only: keep the fixed header clear of the WordPress toolbar. */
.admin-bar .site-header{ top: 32px; }
@media screen and (max-width: 782px){
  .admin-bar .site-header{ top: 46px; }
}
@media screen and (max-width: 600px){
  /* the toolbar scrolls away with the page at this size */
  .admin-bar .site-header{ position: absolute; }
}