/*
 * app.css — minimal custom CSS for HOMESTAY2U.
 *
 * Tailwind via CDN handles the bulk of styling. This file only contains
 * what cannot be expressed cleanly with Tailwind utilities:
 *   - x-cloak: hide Alpine-bound nodes until Alpine has initialized,
 *     so we don't flash unstyled / pre-hydration content.
 *   - prefers-reduced-motion fallback: disable transitions if requested.
 */

[x-cloak] {
    display: none !important;
}

/* Smooth scroll for in-page anchors (date picker -> form, etc.) */
html {
    scroll-behavior: smooth;
}

/* Slightly nicer focus ring for keyboard users on form inputs.
   Tailwind's default focus:ring is already applied; this just bumps
   contrast for the file/date inputs that don't always honor ring on all browsers. */
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible {
    outline: 2px solid transparent;
}

/* Respect reduced-motion preference. */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}