/* ── 예약 창 · 예약 확인 화면(SSOT 4절 "결제 버튼") ───────────────────────────
   강사 상세의 예약 창(.book-dialog — 모양은 app.css 의 .pay-dialog)과 창을 띄울 수 없을 때의 예약 확인 화면(.book-page)이 같은 폼을 쓴다(booking/book-form).
   고른 학습자에 맞는 버튼 하나만 보인다 — [결제하기] 또는 무료 체험의 [예약하기](hidden). Web Awesome 의 button 레이어 스타일이 hidden 을 덮지 않게 한다 */
:is(.book-dialog, .book-page) button[hidden] {
	display: none;
}

.book-dialog [data-book-body] > * + * {
	margin-block-start: var(--wa-space-s);
}

/* 다 된 창 — PayPal 을 다시 여는 링크, 결제 메모, 반드시 확인 단서, [내 예약] · [닫기] */
.book-done > * + * {
	margin-block-start: var(--wa-space-s);
}

.book-done .pay-link {
	display: inline-block;
}

:is(.book-dialog, .book-page) menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: var(--wa-space-m);
	margin: var(--wa-space-m) 0 0;
	padding: 0;
}