/* ============================================================
   /book — Booking & Packages
   Component styles. Loads on top of site.css + the shared
   content-page chrome (events.202605151605.css).
   ============================================================ */

.lead{font-size:13px;letter-spacing:.03em;line-height:1.8;color:rgba(244,243,238,.74);max-width:720px;margin-bottom:26px}
.lead strong{color:var(--paper)}
.prose{max-width:760px}
.prose p{font-size:14px;line-height:1.88;color:rgba(244,243,238,.84);margin-bottom:16px}
.prose p:last-child{margin-bottom:0}
.prose strong{color:var(--paper)}
.prose .n{color:var(--neon)}

/* --- booking cards --- */
.book-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:6px}
@media(min-width:680px){.book-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1020px){.book-grid{grid-template-columns:repeat(3,1fr)}}
.pkg-card{border:1px solid rgba(29,233,255,.2);background:linear-gradient(180deg,rgba(10,20,24,.6),rgba(0,0,0,.7));padding:26px 24px;display:flex;flex-direction:column;gap:10px;transition:border-color .25s ease,transform .25s ease}
.pkg-card:hover{border-color:var(--neon);transform:translateY(-3px)}
.pc-tag{font-size:8.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--neon);align-self:flex-start;border:1px solid rgba(29,233,255,.3);padding:4px 9px}
.pc-name{font-family:'Bebas Neue',sans-serif;font-size:34px;line-height:1;letter-spacing:.005em;color:var(--paper)}
.pc-desc{font-size:13px;line-height:1.72;color:rgba(244,243,238,.8)}
.pc-incl{list-style:none;display:flex;flex-direction:column;gap:6px;margin:4px 0 2px}
.pc-incl li{font-size:11.5px;line-height:1.5;color:rgba(244,243,238,.72);padding-left:16px;position:relative}
.pc-incl li::before{content:"\2192";position:absolute;left:0;color:var(--neon)}
.pkg-card .btn{margin-top:auto}

/* --- how it works --- */
.how-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:6px}
@media(min-width:780px){.how-grid{grid-template-columns:1fr 1fr 1fr}}
.how{border:1px solid rgba(29,233,255,.18);background:rgba(29,233,255,.03);padding:22px}
.how-no{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.24em;color:var(--neon);margin-bottom:8px}
.how-h{font-family:'Bebas Neue',sans-serif;font-size:24px;line-height:1;color:var(--paper);margin-bottom:7px}
.how-d{font-size:12.5px;line-height:1.7;color:rgba(244,243,238,.76)}

/* --- inquiry form --- */
.book-form{max-width:640px;margin-top:6px}
.book-form label{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--neon-soft);margin:16px 0 6px;font-weight:700}
.book-form input,.book-form select,.book-form textarea{width:100%;background:rgba(29,233,255,.04);border:1px solid rgba(29,233,255,.25);color:var(--paper);font-family:'JetBrains Mono',monospace;font-size:13px;padding:12px 14px;letter-spacing:.02em}
.book-form input::placeholder,.book-form textarea::placeholder{color:rgba(244,243,238,.4)}
.book-form input:focus,.book-form select:focus,.book-form textarea:focus{border-color:var(--neon);box-shadow:0 0 0 2px rgba(29,233,255,.2)}
.book-form textarea{min-height:122px;resize:vertical;line-height:1.6}
.book-form .form-direct{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,243,238,.5);margin-top:12px;text-align:center}
.book-form button[type=submit]{margin-top:18px;width:100%}


/* group label + gold variant + price (re-added) */
.book-group{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--neon-soft);margin:30px 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(29,233,255,.14)}
.book-group:first-of-type{margin-top:6px}
.book-group.gold{color:var(--gold);border-bottom-color:rgba(255,180,0,.18)}
.pkg-card.gold{border-color:rgba(255,180,0,.3)}
.pkg-card.gold:hover{border-color:var(--gold)}
.pkg-card.gold .pc-tag{color:var(--gold);border-color:rgba(255,180,0,.3)}
.pkg-card.gold .pc-incl li::before{color:var(--gold)}
.pc-price{font-family:'Bebas Neue',sans-serif;font-size:26px;line-height:1;color:var(--gold);margin:2px 0}

/* package filters + popular card (2026-06-01 UX) */
.pkg-card.pkg-popular{padding-top:36px}
.pkg-card .btn span.a{display:inline-block;transition:transform .15s ease}
.pkg-card .btn:hover span.a{transform:translateX(3px)}
@media(max-width:679px){.book-filter{top:calc(48px + env(safe-area-inset-top,0px))}body.has-jump .book-filter{top:calc(92px + env(safe-area-inset-top,0px))}}
@media(max-width:599px){body.page-book .book-filter{position:relative;top:auto;z-index:1}}
.pkg-card.pkg-highlight{border-color:var(--gold);box-shadow:0 0 28px rgba(255,180,0,.22);animation:mwo-pkg-pulse 2s ease-in-out 2}
@keyframes mwo-pkg-pulse{0%,100%{box-shadow:0 0 18px rgba(255,180,0,.15)}50%{box-shadow:0 0 32px rgba(255,180,0,.35)}}
@media (prefers-reduced-motion:reduce){.pkg-card.pkg-highlight{animation:none!important}}
.mwo-stan-fallback{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.16em;color:rgba(244,243,238,.55);text-transform:uppercase;text-align:center;margin-top:12px;line-height:1.7}
.mwo-stan-fallback a{color:var(--neon);border-bottom:1px solid rgba(29,233,255,.35);text-decoration:none}
.mwo-form-legal{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.12em;color:rgba(244,243,238,.5);text-transform:uppercase;line-height:1.65;margin:4px 0 10px;text-align:center}
.mwo-form-legal a{color:var(--neon);text-decoration:none;border-bottom:1px solid rgba(29,233,255,.35)}
