.match-players {
    min-height: 180px; /* ou height: 180px; */
    /* Pour forcer les enfants à bien s'étirer verticalement */
    display: flex;
    align-items: center; /* centre verticalement le contenu */
}

/* Force 100% de largeur sur mobile pour les cartes */
@media (max-width: 767.98px) {
    .col-md-6,
    .col-lg-6 {
        width: 100% !important;
        flex-basis: 100% !important;
    }
}

.carousel-control-prev,
.carousel-control-next {
  width: 40px;           /* pas pleine largeur */
  height: 40px;          /* pas pleine hauteur */
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
  box-shadow: none !important; /* si tu veux éviter le shadow par défaut */
  opacity: 1 !important;         /* toujours visible */
  top: 50%;              /* centre verticalement */
  transform: translateY(-50%);
  position: absolute;
}

.carousel-control-prev {
  left: -12px; /* fait dépasser légèrement */
}

.carousel-control-next {
  right: -12px; /* fait dépasser légèrement */
}

.carousel .carousel-control-prev.btn-primary:hover,
.carousel .carousel-control-next.btn-primary:hover {
  background-color: var(--bs-primary-dark, #0b5ed7) !important; /* couleur plus foncée au hover */
  color: #fff !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 1.2rem 1.2rem;
  background-position: center;
}

@media (max-width: 767.98px) {
  /* Cacher la deuxième carte dans chaque slide sur mobile 
  #toPredictCarousel .carousel-item .col-12:nth-child(2) {
    display: none;
  }*/

}