/* mobile-cta-bar.css — minimal Tailwind augment for the canonical
 * `_shared/components/mobile-cta-bar.njk`.
 *
 * The Tailwind port leans on utility classes for skin + layout, but two
 * concerns can't be expressed as Tailwind utilities alone:
 *
 *   1. `safe-area-bottom` — `env(safe-area-inset-bottom)` for iPhone
 *      notch / home-indicator clearance.
 *   2. `prefers-reduced-motion` shim for the JS-applied transitions.
 *
 * Sites that already define `.safe-area-bottom` (e.g. site-final-exp)
 * will get an idempotent override here — same declaration, no conflict.
 *
 * Five Tailwind sites can either (a) include this file via passthrough,
 * or (b) keep their existing per-site .safe-area-bottom. Either works.
 */

.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom, 0);
}

@media (prefers-reduced-motion: reduce) {
  [data-mobile-form-drawer] [data-drawer-panel],
  [data-mobile-form-drawer] [data-drawer-backdrop],
  [data-mobile-form-drawer] {
    transition-duration: 100ms !important;
    transform: none !important;
  }
}