/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * Tailwind CSS is now handled by tailwindcss-rails gem.
 * See app/assets/tailwind/application.css for Tailwind configuration.
 *
 * Add any custom CSS that cannot be done with Tailwind utilities here.
 */

/* Disable in-frame links while a Turbo Frame is loading so rapid clicks
   don't queue up duplicate fetches. Turbo sets [busy] on the frame during
   navigation; older versions set aria-busy="true". */
turbo-frame[busy] a,
turbo-frame[aria-busy="true"] a {
  pointer-events: none;
  opacity: 0.55;
  cursor: wait;
}

/* Show any element marked [data-turbo-frame-spinner] only while the
   surrounding frame is busy. Pair with `hidden` (Tailwind) on the
   element so it's invisible at rest. */
turbo-frame[busy] [data-turbo-frame-spinner],
turbo-frame[aria-busy="true"] [data-turbo-frame-spinner] {
  display: inline-flex !important;
}