/* ============================================
   Casino Page Styles – Krachtig Succes Hotel & Casino
   Focus: modern, luxe, toegankelijk, responsive
   ============================================ */

/* Layout helpers */
.section { position: relative; }
.pad-lg { padding: var(--space-16) 0; }
pad-xl { padding: var(--space-20) 0; }

/* Hero */
.hero-casino { position: relative; overflow: hidden; }
.hero-casino .hero-inner { position: relative; display: grid; grid-template-columns: 1fr; }
.hero-casino .hero-media { position: relative; max-height: 70vh; }
.hero-casino .hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,15,26,0.2) 0%, rgba(10,15,26,0.6) 40%, rgba(10,15,26,0.85) 100%); }
.hero-casino picture, .hero-casino img { width: 100%; height: 70vh; object-fit: cover; }
.hero-casino .hero-content { position: absolute; inset: 0; display: flex; align-items: flex-end; }
.hero-casino .hero-content { padding-bottom: var(--space-16); }
.hero-casino .hero-content .hero-lead { font-size: var(--font-size-lg); color: var(--color-gray-100); max-width: 60ch; }
.hero-casino .hero-content .hero-ctas { margin-top: var(--space-6); display: flex; gap: var(--space-4); }
.hero-casino .container { padding-left: var(--space-6); padding-right: var(--space-6); }

/* Alternating surface */
.section.alt { background: var(--color-background-elevated); }

/* Features */
.feature-bullets { display: grid; gap: var(--space-2); color: var(--color-text-muted); }
.feature-bullets li { position: relative; padding-left: 1.25rem; }
.feature-bullets li::before { content: "\2022"; position: absolute; left: 0; color: var(--color-secondary); }

/* Cards */
.card.highlight { border-color: rgba(201,169,97,0.35); box-shadow: var(--shadow-lg); }

/* Events */
.events-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-6); }
.events-cta { margin-top: var(--space-6); }

/* Games */
.games-search { margin: var(--space-6) 0 var(--space-8); }
.games-grid .game-item { transition: transform var(--transition-base); }
.games-grid .game-item:hover { transform: translateY(-4px); }

/* Contact form grid helpers */
.grid-col-span-2 { grid-column: span 2; }
.form-actions { display: flex; gap: var(--space-4); }

/* Media block */
.media-block { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-md); }
.media-block img { display: block; width: 100%; height: auto; }

/* Responsive */
@media (max-width: 1024px) {
  .events-list { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .hero-casino .hero-content { padding-bottom: var(--space-12); }
  .form-actions { flex-direction: column; align-items: stretch; }
  .hero-casino .hero-content { align-items: center;
    flex-direction: column;
    justify-content: center; }
}