/* Style de quadrillage pour la section jeux */
.games {
  position: relative;
  background-color: rgba(10, 10, 15, 0.7); /* Fond semi-transparent pour mieux voir la vidéo */
}

.games::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.07) 1px, transparent 1px),
                    linear-gradient(to bottom, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 30px 30px; /* Quadrillage plus large et plus élégant */
  opacity: 0.3; /* Discret et harmonieux */
  pointer-events: none;
  background-color: transparent; /* Assure que seul le quadrillage est visible, pas le fond */
}

/* S'assurer que le contenu est au-dessus de la grille */
.games .container {
  position: relative;
  z-index: 2;
}

/* Mode clair pour la section jeux */
body.light-theme .games {
  background-color: rgba(245, 247, 250, 0.6); /* Plus transparent pour voir la vidéo */
}

body.light-theme .games::before {
  background-image: linear-gradient(to right, rgba(30, 30, 30, 0.04) 1px, transparent 1px),
                    linear-gradient(to bottom, rgba(30, 30, 30, 0.04) 1px, transparent 1px);
  opacity: 0.6;
}