/*! Styles pour la grille de cartes de blocs 3 et 4 */

.is-features-cards-section {
  padding: var(--wp--custom--spacer-m-fluid);
}

.is-features-cards-row {
  margin-top: var(--wp--custom--spacer-fluid);
  gap: var(--wp--custom--spacer-fluid);
}

.is-features-cards-title-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  gap: var(--wp--custom--spacer-s-fluid);
  margin-bottom: var(--wp--custom--spacer-xl-fluid) !important;
}

.is-features-cards-title-3 h2 {
  color: var(--wp--custom--theme-500);
}

.is-features-cards-row-3 {
  text-align: center;
}

.is-feature-card-3 {
  margin-bottom: var(--wp--custom--spacer-fluid);
  display: flex;
}

.is-feature-card-inner-3 {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--wp--custom--spacer-m);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.is-feature-card-content-3,
.is-feature-card-content-4 {
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: center !important;
}

.is-feature-card-content-3 figure,
.is-feature-card-content-4 figure {
  height: auto;
  width: 50px;
  margin-bottom: var(--wp--custom--spacer-s);
}

.is-feature-card-content-4 figure {
  width: 75px;
}

.is-feature-card-content-3 h3,
.is-feature-card-content-4 h4 {
  color: var(--wp--custom--theme-500);
}

.is-feature-card-content-3 h4 {
  color: var(--wp--custom--secondary-500);
  margin-bottom: var(--wp--custom--spacer-s) !important;
}

.is-feature-card-inner-3 .wp-block-buttons {
  margin-top: auto;
  padding-top: var(--wp--custom--spacer-s);
}

/* Tablettes (max-width: 1024px) */
@media (max-width: 1024px) {
  .is-features-cards-section {
    padding: var(--wp--custom--spacer-s-fluid);
  }
  
  .is-features-cards-title {
    gap: var(--wp--custom--spacer-m-fluid);
    margin-bottom: var(--wp--custom--spacer-l-fluid);
  }
  
  .is-feature-card-inner {
    padding: var(--wp--custom--spacer-s);
  }
}

/* Tablettes portrait (max-width: 768px) */
@media (max-width: 768px) {
  .is-features-cards-row {
    gap: var(--wp--custom--spacer-s-fluid);
  }
  
  .is-feature-card {
    margin-bottom: var(--wp--custom--spacer-s-fluid);
  }
  
  /* Ajuster l'espacement des éléments dans les cartes */
  .is-feature-card-content {
    gap: var(--wp--custom--spacer-xs-fluid);
  }
  
  /* Réduire la taille de l'image/icône */
  .is-feature-card-content .wp-block-image img {
    max-width: 48px;
    height: auto;
  }
}

/* Mobiles (max-width: 480px) */
@media (max-width: 480px) {
  .is-features-cards-section {
    padding: var(--wp--custom--spacer-xs-fluid);
  }
  
  .is-features-cards-title {
    gap: var(--wp--custom--spacer-s-fluid);
    margin-bottom: var(--wp--custom--spacer-m-fluid);
  }
  
  /* Réduire davantage la taille de l'image/icône */
  .is-feature-card-content .wp-block-image img {
    max-width: 40px;
  }
  
  /* Ajuster le padding des cartes */
  .is-feature-card-inner {
    padding: var(--wp--custom--spacer-xs);
  }
  
  /* Ajuster l'espacement des boutons */
  .is-feature-card-inner .wp-block-buttons {
    padding-top: var(--wp--custom--spacer-xs);
  }
}