/* Fix pour les espaces dans les grilles Bootstrap */

/* Forcer les colonnes à s'aligner correctement avec flexbox */
.row-flex {
 display: flex;
 flex-wrap: wrap;
}

.row-flex>[class*='col-'] {
 display: flex;
}

.row-flex>[class*='col-']>div,
.row-flex>[class*='col-']>.pricing-card {
 width: 100%;
}

/* Centrer les éléments quand il y a un nombre impair */
@media (min-width: 992px) {
 .row-flex.center-odd {
  justify-content: center;
 }
}

/* Assurer une hauteur égale pour tous les blocs */
.equal-height {
 display: flex;
 flex-direction: column;
 height: 100%;
}

/* Fix spécifique pour les cartes de tarifs */
.pricing-card {
 display: flex;
 flex-direction: column;
 width: 100%;
}

/* Responsive : empêcher les espaces sur mobile */
@media (max-width: 767px) {
 .row-flex>[class*='col-'] {
  flex: 0 0 100%;
  max-width: 100%;
 }
}

/* Tablet : 2 colonnes */
@media (min-width: 768px) and (max-width: 991px) {
 .row-flex>[class*='col-sm-6'] {
  flex: 0 0 50%;
  max-width: 50%;
 }
}

/* Desktop : 3 colonnes */
@media (min-width: 992px) {
 .row-flex>[class*='col-md-4'] {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
 }

 .row-flex>[class*='col-md-3'] {
  flex: 0 0 25%;
  max-width: 25%;
 }
}