html, body { /* Applique le style au body et html */
    background-image: url('../images/background_near.png');
    background-size: cover; /* Couvre toute la zone sans déformer l'image */
    background-position: center center; /* Centre l'image */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */
    background-attachment: fixed; /* L'image reste fixe lors du défilement */
    min-height: 100%; /* Assure que le body prend au moins 100% de la hauteur */
    background-color: black; /* Couleur de fond de secours si l'image ne charge pas */
    color: white; /* Définit la couleur du texte par défaut en blanc */
}

.player-slot {
    border: 2px dotted #ccc;
    padding: 10px;
    margin: 0 5px 10px 5px;
    text-align: center;
}

.player-slot .player-boosts .badge,
.player-slot .btn {
    width: 100%;
}

/* Style pour les options de filtre boostées */
.boosted-option {
    background-color: #d4edda !important; /* Vert clair de Bootstrap 'success' */
    color: #155724 !important;            /* Texte foncé pour contraster */
    font-weight: bold;                   /* Mettre en gras pour plus de visibilité */
}

.filter-active {
    border-color: #28a745 !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}

/* Nouvelle classe pour le fond des modes de jeu avec opacité */
.row-background {
    position: relative; /* Nécessaire pour positionner le pseudo-élément */
    overflow: hidden; /* Pour contenir le pseudo-élément si nécessaire */
	z-index: 1;
}

.row-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/texture.jpg'); /* Chemin de l'image de fond */
    background-size: cover; /* Couvre toute la zone */
    background-position: center center; /* Centre l'image */
    background-repeat: no-repeat; /* Empêche la répétition */
    opacity: 0.85; /* Opacité de 95% pour l'image de fond (très peu de transparence) */
    z-index: -1; /* Place l'image derrière le contenu du div */
}

.modal-background{
	background-image: url('../images/background_far.png');
	background-color: black;
	background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
}