/* style/casino.css */

/* Root variables for consistent spacing and colors */
:root {
  --winph-primary: #F2C14E;
  --winph-secondary: #FFD36B;
  --winph-dark-bg: #0A0A0A; /* Background */
  --winph-card-bg: #111111; /* Card BG */
  --winph-text-main: #FFF6D6; /* Text Main */
  --winph-border: #3A2A12; /* Border */
  --winph-glow: #FFD36B; /* Glow */
  --winph-button-gradient: linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);

  /* Header offset, controlled by shared.css body padding-top.
     This page's sections will use a smaller padding-top. */
  --header-offset-desktop: 120px;
  --header-offset-mobile: 100px; /* Example values, actual from shared.css */
}

/* Page-specific styles for .page-casino content */
.page-casino {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: var(--winph-text-main); /* Ensure light text on dark body background */
  background-color: var(--winph-dark-bg); /* Explicitly setting for context, though body handles it */
  padding-top: 10px; /* Small top padding for the main content, after body padding */
}

/* Container for consistent content width */
.page-casino__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Section titles */
.page-casino__section-title {
  font-size: 2.5em;
  color: var(--winph-secondary);
  text-align: center;
  margin-bottom: 40px;
  text-shadow: 0 0 10px rgba(255, 211, 107, 0.5); /* Glow effect */
  font-weight: bold;
  line-height: 1.2;
}

/* Main text blocks */
.page-casino__text-block {
  margin-bottom: 20px;
  font-size: 1.1em;
  color: var(--winph-text-main);
}

.page-casino__text-block--center {
  text-align: center;
}

/* Links within text */
.page-casino__text-link {
  color: var(--winph-secondary);
  text-decoration: underline;
}

.page-casino__text-link:hover {
  color: var(--winph-primary);
}

/* Buttons */
.page-casino__btn {
  display: inline-block;
  padding: 12px 25px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box; /* Crucial for responsive buttons */
  white-space: normal; /* Allow text wrapping */
  word-wrap: break-word; /* Allow text wrapping */
  max-width: 100%; /* Ensure button doesn't overflow */
}