html {
  scroll-padding-top: var(--header-height-mobile);
}

@media (min-width: 992px) {
  html {
    scroll-padding-top: var(--header-height-desktop);
  }
}

.hero-soirees-thematiques {
  background-color: #15100c;
}

.hero-panel-soirees {
  animation: soirees-hero-fade-in var(--transition-slow) ease-out both;
}

.section-soirees-intro {
  background: radial-gradient(circle at top left, rgba(216, 183, 107, 0.16), transparent 60%);
}

.soirees-intro-grid {
  align-items: center;
}

.soirees-intro-text {
  min-width: 0;
}

.soirees-intro-media {
  min-width: 0;
}

.soirees-intro-media .media-wrapper {
  box-shadow: var(--shadow-soft);
}

.content-soirees-intro ul {
  list-style: disc;
  padding-left: 1.2em;
  margin-top: var(--space-sm);
}

.content-soirees-intro li {
  margin-bottom: 0.25em;
}

.soirees-intro-chips {
  margin-top: var(--space-lg);
}

.soirees-intro-chips .chip {
  transition: transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);
}

.soirees-intro-chips .chip:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft);
  background: rgba(247, 243, 236, 0.98);
}

.section-soirees-galerie {
  position: relative;
}

.section-soirees-galerie::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(216, 183, 107, 0.18), transparent 60%);
  opacity: 0.8;
  pointer-events: none;
}

.section-soirees-galerie > .container {
  position: relative;
  z-index: 1;
}

.soirees-section-header {
  max-width: 720px;
  margin-inline: auto;
  margin-bottom: var(--space-2xl);
}

.soirees-galerie-grid {
  align-items: center;
}

.soirees-galerie-media {
  min-width: 0;
}

.soirees-galerie-media .media-wrapper {
  box-shadow: var(--shadow-soft-lg);
}

.soirees-galerie-text {
  min-width: 0;
}

.content-soirees-galerie {
  margin-bottom: var(--space-lg);
}

.soirees-galerie-badges {
  flex-wrap: wrap;
  margin-bottom: var(--space-lg);
}

.soirees-galerie-cta .btn {
  width: 100%;
  max-width: 100%;
  justify-content: center;
}

.section-soirees-agenda {
  background: linear-gradient(to bottom, #f7f3ec, #f1ece4);
}

.soirees-agenda-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--grid-gap-lg);
}

@media (min-width: 900px) {
  .soirees-agenda-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
  }
}

.soirees-card-agenda,
.soirees-card-reservation {
  min-width: 0;
}

.soirees-agenda-actions {
  flex-wrap: wrap;
}

.soirees-agenda-actions .btn {
  max-width: 100%;
}

.content-soirees-reservation ul {
  list-style: disc;
  padding-left: 1.2em;
  margin-top: var(--space-sm);
}

.content-soirees-reservation li {
  margin-bottom: 0.25em;
}

.soirees-reservation-cta {
  margin-top: var(--space-lg);
}

.soirees-reservation-cta .btn {
  width: 100%;
  max-width: 100%;
  justify-content: center;
}

.soirees-reservation-meta {
  margin-top: var(--space-md);
}

.section-soirees-navigation {
  background: #f7f3ec;
}

.soirees-navigation-grid {
  align-items: stretch;
}

.soirees-nav-card {
  min-width: 0;
}

.soirees-nav-card .card-body {
  flex: 1 1 auto;
}

.soirees-nav-card .btn-text {
  font-size: var(--font-size-sm);
}

@media (max-width: 767.98px) {
  .soirees-galerie-grid {
    gap: var(--grid-gap-lg);
  }
  .soirees-galerie-cta .btn,
  .soirees-reservation-cta .btn,
  .soirees-agenda-actions .btn {
    width: 100%;
  }
}

@keyframes soirees-hero-fade-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}