/* ==========================================================================
   POSITIEF RESULTAAT HOTEL & CASINO - CASINO PAGE STYLES
   Keep additions minimal and leverage base.css utilities
   ==========================================================================
*/

.hero-casino .hero-lead {
  font-size: var(--font-size-lg);
  color: var(--color-text-light);
  max-width: 70ch;
}

.hero-casino .hero-media img {
  border-radius: var(--radius-3xl);
  box-shadow: var(--shadow-2xl);
}

.vip-highlight .card-body {
  background: linear-gradient(135deg, rgba(212,175,55,0.08), rgba(26,58,92,0.06));
  border-radius: var(--radius-xl);
}

/* Tour dialog (accessible modal) */
.tour-dialog {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-6);
  z-index: var(--z-modal);
}

.tour-dialog[aria-hidden="false"] {
  display: flex;
}

.tour-content {
  width: min(100%, 960px);
  background: var(--color-background);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-2xl);
  overflow: hidden;
}

.tour-header, .tour-footer {
  padding: var(--spacing-5) var(--spacing-6);
  background: var(--color-warm-light);
}

.tour-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tour-close {
  font-size: var(--font-size-2xl);
  line-height: 1;
  color: var(--color-primary);
}

.tour-body {
  padding: var(--spacing-6);
}

.tour-slide {
  transition: opacity var(--transition-base) var(--transition-ease);
}

.tour-slide img {
  border-radius: var(--radius-xl);
}

/* Events */
#eventsGrid .card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  font-weight: var(--font-weight-semibold);
}

/* Contact form tweaks */
#contactForm .form-error {
  margin-top: var(--spacing-2);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero-casino .hero-lead { font-size: var(--font-size-base); }
  .tour-content { width: 100%; }
}