/* page-reservation.css — Rivierathérapie */

:root {
  --container:    1180px;
  --container-sm: 900px;
  --radius:       4px;
  --radius-lg:    12px;
  --transition:   0.25s ease;
}

/* ── Hero ───────────────────────────────── */
.resa-hero {
  background: var(--color-primary);
  padding: 80px 0 72px;
  text-align: center;
}
.resa-hero .eyebrow {
  font-size: 0.78rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--color-accent);
  margin-bottom: 1.1rem;
  display: inline-block;
}
.resa-hero h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4.5vw, 3rem);
  font-weight: 400;
  color: var(--color-background);
  margin: 0 auto 1rem;
  max-width: 640px;
  line-height: 1.15;
}
.resa-hero p {
  font-size: 1.05rem;
  color: rgba(250, 247, 242, 0.75);
  max-width: 520px;
  margin: 0 auto;
  line-height: 1.7;
}

/* Reset wrapper WordPress — ce CSS n'est chargé que sur reservation-page */
.site-main--page,
.site-main--page article,
.site-main--page .entry-content {
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Bloc booking ───────────────────────── */
.resa-booking {
  padding: 0 0 48px;
  background: var(--color-background);
}
.resa-booking-inner {
  max-width: var(--container-sm);
  margin: 0 auto;
}

/* Neutralise les marges du wrapper Amelia */
.resa-booking-inner > div:first-child {
  margin-top: 0 !important;
}
[id^="amelia-app"] {
  margin-top: 0 !important;
}

/* ── Infos pratiques ────────────────────── */
.resa-info {
  background: var(--color-surface);
  padding: 64px 0;
}
.resa-info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: var(--container-sm);
  margin: 0 auto;
}
.resa-info-card {
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.resa-info-icon {
  width: 40px;
  height: 40px;
  background: var(--color-surface);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.resa-info-icon svg { width: 20px; height: 20px; color: var(--color-accent); }
.resa-info-card h3 {
  font-family: var(--font-body);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-primary);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.resa-info-card p {
  font-size: 0.88rem;
  color: var(--color-muted);
  line-height: 1.65;
  margin: 0;
}

/* ── Responsive ─────────────────────────── */
@media (max-width: 700px) {
  .resa-trust-inner { gap: 20px; }
  .resa-info-grid { grid-template-columns: 1fr; max-width: 400px; }
  .resa-hero { padding: 64px 0 56px; }
  .resa-booking { padding: 24px 0 40px; }
}