/* ============================================
   RESERVATION.DESKTOP.CSS — Desktop overrides (min-width: 1024px)
   Belle Pour Son Mariage — Maquette 3
   ============================================ */

@media (min-width: 1024px) {

  /* --- Header --- */
  .res-header {
    padding: 1rem 3rem;
  }

  .res-header__logo {
    width: 150px;
    height: 44px;
  }

  /* --- Stepper --- */
  .stepper {
    padding-top: calc(var(--header-height) + 3rem);
    padding-bottom: var(--space-2xl);
  }

  .stepper__inner {
    max-width: 900px;
  }

  .stepper__dot {
    width: 32px;
    height: 32px;
  }

  /* --- Step Panels --- */
  .step-panel {
    padding: var(--space-2xl) 3rem;
    max-width: 900px;
  }

  .step-panel__title {
    font-size: var(--fs-4xl);
  }

  /* --- Type Cards --- */
  .type-card {
    padding: var(--space-2xl);
  }

  .type-card__title {
    font-size: var(--fs-xl);
  }

  /* --- Calendar --- */
  .calendar__header {
    padding: var(--space-xl);
  }

  .calendar__month {
    font-size: var(--fs-xl);
  }

  .calendar__weekdays {
    padding: var(--space-sm) var(--space-xl);
  }

  .calendar__days {
    padding: var(--space-sm) var(--space-xl) var(--space-xl);
    gap: 4px;
  }

  .time-slots__grid {
    grid-template-columns: repeat(4, 1fr);
  }

  /* --- Footer --- */
  .res-footer {
    padding: var(--space-lg) 3rem;
  }

  .res-footer__inner {
    max-width: 900px;
  }

  .res-footer__next {
    max-width: 320px;
  }
}