/*
 * The waitlist modal is built entirely with your theme's existing Tailwind
 * utility classes (fixed, inset-0, bg-black/50, btn-gij, gij-input, etc.),
 * so no custom styling is needed here.
 *
 * The rules below are a structural safety net only: if your Tailwind build
 * purges classes it doesn't find in scanned source files (and the modal
 * markup is generated by JS, not written in a .twig/.html file Tailwind
 * scans), this guarantees the show/hide toggle still works even if the
 * "hidden" / "flex" utilities themselves get purged.
 */
#golf-waitlist-modal.hidden {
  display: none;
}

#golf-waitlist-modal.flex {
  display: flex;
}

/*
 * If you notice the popup rendering unstyled in production, the safest fix
 * is adding this module's js/waitlist.js path to your theme's Tailwind
 * `content` config (or safelisting: fixed, inset-0, z-50, bg-black/50,
 * bg-white, shadow-2xl, btn-outline, btn-gij, gij-input, gij-label,
 * disabled:opacity-50) rather than duplicating styles here.
 */