/*
 * page-reservation.css — RESERVATION（ご予約）ページ
 * 外部予約サービスへの導線。色は var(--color-*) のみ（ルール10）。
 */

.page-reservation__main {
  max-width: 720px;
  margin: 0 auto;
  padding: 72px var(--container-padding-x) 96px;
}

.reservation-intro { text-align: center; }
.reservation-intro__lead {
  font-family: var(--font-serif-jp);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text);
  margin: 0 0 16px;
}
.reservation-intro__body {
  color: var(--color-text-secondary);
  line-height: 1.9;
  margin: 0 0 40px;
}
.reservation-intro__lead:empty,
.reservation-intro__body:empty { display: none; }

.reservation-cta { margin: 40px 0; }
.reservation-cta__button {
  display: inline-block;
  min-width: 280px;
  font-size: 1.05rem;
}
.reservation-cta__note {
  color: var(--color-text-tertiary);
  font-size: 0.85rem;
  line-height: 1.8;
  margin: 20px auto 0;
  max-width: 480px;
}
.reservation-cta__note:empty { display: none; }

.reservation-contact {
  margin: 48px auto 0;
  max-width: 480px;
  border-top: 1px solid var(--color-border);
}
.reservation-contact__row {
  display: flex;
  gap: 16px;
  padding: 16px 8px;
  border-bottom: 1px solid var(--color-border);
  text-align: left;
}
.reservation-contact__label {
  flex: 0 0 96px;
  color: var(--color-text-tertiary);
  font-size: 0.9rem;
}
.reservation-contact__value { color: var(--color-text); margin: 0; }
.reservation-contact__value a { color: var(--color-primary-dark); text-decoration: none; }

@media (max-width: 768px) {
  .page-reservation__main { padding: 48px var(--container-padding-x-mobile) 64px; }
  .reservation-cta__button { width: 100%; min-width: 0; }
}