/* Casino page specific styles — optimized to complement base.css */

.section {
  padding: var(--space-16) 0;
}

/* Breadcrumbs */
.breadcrumbs {
  margin-top: var(--space-6);
  margin-bottom: var(--space-6);
}

/* Hero */
.hero {
  position: relative;
}
.hero .media-frame {
  border-radius: var(--radius-xl);
  overflow: hidden;
  border: 1px solid var(--color-border-secondary);
}
.hero .media-frame img {
  display: block;
}

/* Media frame (reusable) */
.media-frame {
  position: relative;
}
.media-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(178, 75, 243, 0) 60%, rgba(14, 165, 233, 0.15) 100%);
}

/* FAQ */
.faq-item {
  padding: 0;
}
.faq-question {
  cursor: pointer;
  list-style: none;
  padding: var(--space-6);
  font-family: var(--font-display);
  font-size: var(--font-size-lg);
  color: var(--color-text-primary);
  border-bottom: 1px solid var(--color-border-subtle);
}
.faq-item[open] .faq-question {
  color: var(--color-primary);
  text-shadow: var(--glow-purple);
}
.faq-answer {
  padding: var(--space-6);
  color: var(--color-text-secondary);
}

/* Small enhancements */
.list li::marker {
  color: var(--color-primary);
}

@media (max-width: 768px) {
  .section {
    padding: var(--space-12) 0;
  }
}