/*
 * 予約受付プラグイン「TIMEGRAPH 予約・相談受付」用のアダプター。プラグインがフォームを開けるページでだけ読む（inc/booking.php）。
 * プラグインの CSS 変数を上書きし、フォームの色・書体・角丸をハウスクリーニング版に合わせる。
 */
.tg-booking-modal,
.tg-booking-modal .tg-booking,
.tg-booking-page .tg-booking {
	--tg-booking-text: #262827;
	--tg-booking-muted: #6E6762;
	--tg-booking-surface: #FCFAF8;
	--tg-booking-control: #FFFFFF;
	--tg-booking-border: #8F8780;
	--tg-booking-accent: #B54A34;
	--tg-booking-on-accent: #FFFFFF;
	--tg-booking-selected: #F9E5DB;
	--tg-booking-danger: #A3321F;
	--tg-booking-font: var(--hc-font);
	--tg-booking-radius: 8px;
	--tg-booking-padding: clamp(18px, 4vw, 30px);
	--tg-booking-modal-bg: #FCFAF8;
	--tg-booking-modal-text: #262827;
	--tg-booking-cta-bg: #B54A34;
	--tg-booking-cta-text: #FFFFFF;
	--tg-booking-cta-font: var(--hc-font);
}

.tg-booking-modal {
	font-family: var(--hc-font);
}

.tg-booking-modal__title,
.tg-booking-page__title {
	color: var(--hc-ink);
	font-weight: 700;
	letter-spacing: 0.04em;
}

/* フォームだけのページ（JavaScript が無いときの行き先） */
.tg-booking-page {
	max-width: 860px;
	margin-inline: auto;
	padding: 44px 16px 56px;
}

.tg-booking-page__title {
	font-size: clamp(22px, 5.6vw, 28px);
	line-height: 1.5;
}