/* Stay pages (src/stay.njk): the mobile book bar and focus style;
   everything else is Tailwind classes in the template. */

/* Mobile bar hides while the booking card itself is on screen */
[data-mobile-bar] {
  transition: transform 200ms, visibility 0s;
}
[data-mobile-bar].is-hidden {
  transform: translateY(100%);
  visibility: hidden; /* keeps the off-screen CTA out of the tab order */
  transition: transform 200ms, visibility 0s 200ms;
}

/* Keyboard focus in brand gold instead of the browser's default blue */
:focus-visible {
  outline: 2px solid var(--gold-500);
  outline-offset: 2px;
}