.transition {
			transition: transform 0.3s ease, box-shadow 0.3s ease;
		}
		.transition:hover {
			transform: scale(1.03);
			box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
		}
		.img-game {
			width: 100%;
			height: auto;
			max-height: 180px; /* ajuste ici selon ta préférence */
			object-fit: cover;
			border-radius: 0.75rem; /* arrondi cohérent avec Bootstrap */
			box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
			transition: transform 0.2s ease;
		}

		.img-game:hover {
			transform: scale(1.03);
		}	
		@media (min-width: 992px) {
			.img-game {
				max-height: 200px;
			}
		}	
		/* Conteneur liste */
		.custom-results-list {
		  list-style: none;
		  padding: 0;
		  margin: 0 0 1.5rem 0;
		}

		/* Header flex */
		.result-header {
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
		  margin-bottom: 0.4rem;
		}

		.result-details {
		  display: flex;
		  gap: 1rem;           /* espace entre les deux éléments */
		  color: #bbb;
		  font-size: 0.9rem;
		  line-height: 1.3;
		  margin-bottom: 0.75rem;
		}

		.game-label, .game-date {
		  white-space: nowrap; /* évite que le texte fasse un retour à la ligne */
		}

		/* Nom serveur */

		.hostname {
		  display: inline-block;
		  max-width: 220px; /* adapte la largeur max selon besoin */
		  white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  vertical-align: bottom;
		  color: #fff;
		  font-weight: 700;
		  font-size: 0.80rem;  
		}

		/* Badges */
		.badge {
		  display: inline-flex;
		  align-items: center;
		  gap: 0.2rem;          /* un peu moins d’espace entre les éléments */
		  padding: 0.1rem 0.4rem; /* padding vertical et horizontal réduit */
		  border-radius: 10px;  /* légèrement moins arrondi */
		  font-size: 0.75rem;   /* police un peu plus petite */
		  font-weight: 600;
		  color: #fff;
		  user-select: none;
		}

		/* Badge couleurs */
		.badge.success {
		  background-color: #28a745;
		}
		.badge.warning {
		  background-color: #ffc107;
		  color: #212529;
		}
		.badge.danger {
		  background-color: #dc3545;
		}

		/* Détails jeu + date */
		.result-details {
		  color: #bbb;
		  font-size: 0.9rem;
		  line-height: 1.3;
		  margin-bottom: 0.75rem;
		}

		.btn-link {
		  display: inline-block;
		  padding: 0.25rem 0.75rem; /* réduit padding vertical et horizontal */
		  border-radius: 0.75rem;
		  background-color: transparent;
		  border: 1.5px solid #3399ff;
		  color: #3399ff;
		  font-weight: 600;
		  font-size: 0.8rem; /* réduit la taille de la police */
		  text-decoration: none;
		  transition: background-color 0.25s ease, color 0.25s ease;
		  cursor: pointer;
		  line-height: 1.2; /* pour compacter la hauteur */
		  white-space: nowrap; /* éviter le retour à la ligne */
		}

		/* Bouton lien block (plein largeur) */
		.btn-link-block {
		  display: block;
		  width: 100%;
		  text-align: center;
		  margin-top: 0.4rem;     /* réduit l’espace au-dessus */
		  padding: 0.35rem 0;     /* réduit le padding vertical */
		  border-radius: 0.75rem; /* pour garder la même arrondi que .btn-link */
		  background-color: transparent;
		  border: 1.5px solid #3399ff;
		  color: #3399ff;
		  font-weight: 600;
		  font-size: 0.8rem;      /* texte un peu plus petit */
		  text-decoration: none;
		  cursor: pointer;
		  transition: background-color 0.25s ease, color 0.25s ease;
		  white-space: nowrap;    /* évite retour à la ligne */
		  line-height: 1.2;
		}

		/* Hover bouton */
		.btn-link:hover {
		  background-color: #3399ff;
		  color: #fff;
		}

		/* Message pas de résultats */
		.no-results {
		  color: #888;
		  font-style: italic;
		  font-size: 0.9rem;
		  margin-top: 1rem;
		  text-align: center;
		}
		.custom-results-list {
		  list-style: none;
		  padding: 0;
		  margin: 0;
		}

		.result-item {
		  margin-bottom: 0.75rem;           /* espace entre les items */
		  padding-bottom: 0.75rem;          /* padding interne en bas */
		  border-bottom: 1px solid rgba(255, 255, 255, 0.1);  /* ligne très légère */
		}

		.result-item:last-child {
		  margin-bottom: 0;     /* pas d’espace sous le dernier élément */
		  border-bottom: none;  /* pas de ligne sous le dernier */
		}