/*! Styles pour la grille de cartes de fonctionnalités */

.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 {
  display: flex;
  flex-direction: column;
  gap: var(--wp--custom--spacer-l-fluid);
  margin-bottom: var(--wp--custom--spacer-xl-fluid);
}

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

.is-feature-card-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: var(--wp--custom--spacer-m);
  border-radius: var(--wp--custom--radius);
  border: 1px solid var(--wp--preset--color--gray-200, #E5E5E5);
  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;
  background-color: var(--wp--preset--color--white);
}

.is-feature-card-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--wp--custom--spacer-s-fluid);
}

.is-feature-card-inner:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  border-color: var(--wp--preset--color--gray-300, #D4D4D4);
}

.is-feature-card-inner .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);
  }
}