/* Dining Page Styles – HotellPL
   Keep additions minimal and leverage base.css tokens and utilities
*/

.hero-dining {
  position: relative;
  padding-top: var(--space-24);
  padding-bottom: var(--space-24);
  color: var(--color-text-inverse);
  background:
    linear-gradient(180deg, rgba(26,26,26,0.6) 0%, rgba(26,26,26,0.6) 100%),
    url('/assets/images/casino-dining-room.webp') center/cover no-repeat;
}

.hero-dining .hero-content {
  max-width: 900px;
}

.hero-dining .ctas { margin-top: var(--space-6); }

.breadcrumbs { margin-bottom: var(--space-8); }

.media-frame {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-luxury);
}

.faq-list details {
  margin-bottom: var(--space-4);
}

.faq-list summary {
  cursor: pointer;
  list-style: none;
}

.faq-list summary::-webkit-details-marker { display: none; }

.section-cta {
  background: linear-gradient(135deg, var(--color-emerald-dark), var(--color-emerald));
  color: var(--color-text-inverse);
}

.section-cta h2, .section-cta p { color: var(--color-text-inverse); }