/* Standalone component stylesheet; deliberately valid CSS as well as SCSS. */
#ticket-selection[v-cloak] { display: none; }
.selection-launcher { position: fixed; right: 24px; bottom: 24px; z-index: 101; border-radius: 28px; min-height: 48px; padding: 12px 20px; box-shadow: 0 3px 12px #0003; }
.selection-launcher b { font-size: 1.2em; margin-left: 8px; }
#selection-panel .modal-dialog { width: 440px; max-width: 100%; height: 100%; margin: 0 0 0 auto; }
#selection-panel .modal-content { height: 100%; border-radius: 12px 0 0 12px; }
#selection-panel .modal-header { padding: 24px 24px 12px; }
#selection-panel .modal-title { font-size: 1.25rem; font-weight: bold; }
#selection-panel .modal-body { overflow-y: auto; padding: 12px 24px; text-align: left; }
#selection-panel .close { min-width: 44px; min-height: 44px; opacity: 1; }
.selection-notice { color: #594987; font-weight: bold; }
.selection-concert { padding: 12px 0; border-bottom: 1px solid #ddd; }
.selection-heading h3 { margin: 0; font-size: 1rem; font-weight: bold; overflow-wrap: anywhere; }
.selection-heading .btn { margin: 4px 0; padding-left: 0; }
#selection-panel .btn-link { color: #65438c; }
#selection-panel button:focus-visible, .selection-launcher:focus-visible { outline: 3px solid #493174; outline-offset: 3px; }
.selection-tickets { list-style: none; margin: 0; padding: 0; }
.selection-tickets li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; }
.selection-tickets li > div { min-width: 0; overflow-wrap: anywhere; }
.selection-tickets button { flex-shrink: 0; min-height: 44px; }
#selection-panel .selection-footer { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 16px 24px; border-top: 1px solid #ddd; background: #faf9ff; }
.selection-footer > div { flex-basis: 100%; text-align: left; }
.selection-footer small { color: #555; }
.selection-disabled { pointer-events: none; opacity: .5; }
.selection-map-page .selection-launcher { bottom: 80px; }
body:has(#ticket-selection) { padding-bottom: 90px; }
@media (max-width: 767px) {
    .selection-launcher { bottom: calc(12px + env(safe-area-inset-bottom)); right: 16px; }
    #selection-panel .modal-dialog { position: absolute; bottom: 0; width: 100%; height: auto; max-height: 88%; }
    #selection-panel .modal-content { max-height: 88vh; max-height: 88dvh; border-radius: 16px 16px 0 0; }
    #selection-panel .selection-footer { padding-bottom: calc(12px + env(safe-area-inset-bottom)); }
    .selection-map-page .sp-next { padding-bottom: env(safe-area-inset-bottom); }
    .selection-map-page .sp-next .selection-launcher { position: static; width: auto; margin: 4px 0 8px; padding: 8px 20px; }
    .selection-map-page #selected-tickets-title { display: none; }
}