/* Dining Page Styles - Positief Resultaat Hotel & Casino */

.hero-dining {
  position: relative;
  min-height: 60vh;
  display: flex;
  align-items: center;
  color: var(--color-text-inverse);
  background: linear-gradient(to bottom right, rgba(15,35,56,0.6), rgba(26,58,92,0.6)), url('/assets/images/dining-hero.webp') center/cover no-repeat;
}

.hero-dining .hero-inner { padding-top: var(--spacing-16); padding-bottom: var(--spacing-16); }
.hero-dining .hero-content { max-width: 760px; }
.hero-dining h1 { color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,0.35); }
.hero-dining .hero-subtitle { color: #f3f6fa; font-size: var(--font-size-lg); }
.hero-dining .hero-actions { margin-top: var(--spacing-6); display: flex; gap: var(--spacing-4); flex-wrap: wrap; }

.section-header { max-width: 860px; }

.feature-list { color: var(--color-text-light); display: grid; gap: var(--spacing-2); }
.feature-list li i { color: var(--color-secondary); margin-right: var(--spacing-2); }

.menu-list { display: grid; gap: var(--spacing-2); }
.menu-list li { line-height: var(--line-height-relaxed); }

.team-figure, .farm-figure { border-radius: var(--radius-2xl); overflow: hidden; box-shadow: var(--shadow-lg); }

.promo-card .promo-head { margin-bottom: var(--spacing-3); }
.promo-card .promo-cta { margin-top: var(--spacing-4); }

.reservation-form { margin-top: var(--spacing-6); }

.reviews { display: grid; gap: var(--spacing-6); margin-top: var(--spacing-6); }
.reviews blockquote { background: var(--color-background-alt); padding: var(--spacing-6); border-radius: var(--radius-xl); border-left: 4px solid var(--color-secondary); box-shadow: var(--shadow-base); }
.reviews cite { display: block; margin-top: var(--spacing-3); color: var(--color-text-light); font-style: normal; }

@media (max-width: 768px) {
  .hero-dining { min-height: 48vh; }
}