/**
 * adventure-modal.css
 *
 * NEW (2026-09-17, modal consolidation). The "Plan Your Day" / Start My
 * Adventure modal's styling, shared by every marketing page that offers
 * the booking flow. Extracted verbatim from index.html's own copy (the
 * most complete of what had become several near-identical, independently
 * drifting copies across index.html, peaks-to-pools.html, how-it-works.html,
 * membership.html, refund-policy.html, terms.html, and privacy.html --
 * see adventure-modal.js's own header for the full consolidation story).
 *
 * Paired with adventure-modal.js, same split as this codebase's own
 * ops-shell.js/ops-shell.css pattern for the internal ops app: a shared
 * stylesheet plus a shared script, both loaded via plain <link>/<script>
 * tags on every page that needs them, one source of truth instead of N
 * copies.
 */

#adventure-modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; align-items:center; justify-content:center; }
#adventure-modal-inner { position:relative; width:92%; max-width:640px; max-height:90vh; background:white; border-radius:12px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,0.4); display:flex; flex-direction:column; }
#adventure-modal-header { background:#2A4747; padding:0.9rem 1.4rem; display:flex; align-items:center; justify-content:space-between; flex-shrink:0; }
#adventure-modal-header img { height:36px; width:auto; }
#adventure-modal-close { background:none; border:none; font-size:1.6rem; cursor:pointer; color:rgba(255,255,255,0.7); line-height:1; padding:0; transition:color 0.2s; }
#adventure-modal-close:hover { color:white; }
#adventure-form-root { flex:1; display:flex; flex-direction:column; min-height:0; overflow:hidden; padding:1.8rem 1.8rem 1.4rem; background:white; }
@media (max-width: 768px) {
  #adventure-modal { align-items:stretch; justify-content:stretch; }
  #adventure-modal-inner { width:100%; max-width:100%; height:100%; max-height:100%; border-radius:0; box-shadow:none; }
  #adventure-modal-close { font-size:2rem; }
}