/* ==========================================================
   main.css — Vegas Hero Casino | Styles globaux
   ========================================================== */

/* --- Reset & Base --- */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  overflow-x: hidden;
  max-width: 100%;
}

:root {
  /* Couleurs */
  --color-bg:           #0b0d14;
  --color-surface:      #131622;
  --color-surface-2:    #1c1f30;
  --color-border:       rgba(255,255,255,0.07);

  /* Texte */
  --color-text:         #eef0f8;
  --color-text-muted:   #8b8fa8;

  /* Accents Vegas Hero */
  --color-gold:         #f5c842;
  --color-gold-dark:    #c89f1a;
  --color-blue:         #1e60d4;
  --color-blue-light:   #3a7ef0;
  --color-red:          #e0321e;

  /* UI */
  --color-btn-text:     #0b0d14;
  --radius-sm:          6px;
  --radius-md:          10px;
  --radius-lg:          16px;

  /* Layout */
  --max-width:          1200px;
  --header-height:      68px;

  /* Transitions */
  --transition:         0.22s ease;
}

body {
  font-family: 'Nunito', sans-serif;
  background-color: var(--color-bg);
  color: var(--color-text);
  line-height: 1.65;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--color-gold);
  text-decoration: none;
  transition: color var(--transition);
}

a:hover { color: var(--color-gold-dark); }

img { display: block; max-width: 100%; }

.table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* --- Container --- */
.container {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 1.25rem;
}

/* --- Utility --- */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}