/* Ember & Oak — Reservations Page */

/* ── Hero ── */

.page-hero--reservations {
  min-height: 60vh;
}

.page-hero--reservations.section--dark::after {
  display: none;
}

.page-hero--reservations .page-hero__title,
.page-hero--reservations .page-hero__sub {
  text-shadow: 0 2px 32px rgba(14, 11, 8, 0.95), 0 1px 8px rgba(14, 11, 8, 0.85);
}

/* ── Widget ── */

.reservations__widget {
  max-width: 720px;
  margin-inline: auto;
  margin-bottom: var(--sp-16);
}

/* Reuse the same dark panel from the homepage reservation CTA */
.reservations__widget .reservation-cta__widget {
  max-width: 100%;
  margin-inline: 0;
  margin-bottom: 0;
}

/* ── Info Cards ── */

.reservations__info {
  margin-bottom: var(--sp-16);
}

.res-info-card h3 {
  font-size: var(--t-h3);
  margin-bottom: var(--sp-3);
  margin-top: var(--sp-3);
}

.res-info-card p {
  font-size: var(--t-small);
  color: var(--c-ash);
  margin-bottom: var(--sp-4);
}

/* ── Hours Table ── */

.reservations__hours {
  margin-bottom: var(--sp-12);
}

.reservations__hours .eyebrow {
  margin-bottom: var(--sp-6);
}

.hours-table {
  width: 100%;
  max-width: 600px;
  border-collapse: collapse;
  font-size: var(--t-small);
}

.hours-table td {
  padding: var(--sp-3) 0;
  color: var(--c-ash);
  border-bottom: var(--border-ash);
}

.hours-table td:first-child {
  color: var(--c-cream);
  font-weight: 500;
  width: 40%;
  padding-right: var(--sp-6);
}

/* ── Contact Line ── */

.reservations__phone {
  font-size: var(--t-small);
  color: var(--c-ash);
  text-align: center;
}

.reservations__phone a {
  color: var(--c-ember);
  transition: color var(--dur-fast) var(--ease-out);
}

.reservations__phone a:hover { color: var(--c-cream); }