/* ================================
   CERTIFICATIONS - WRAPPER
================================ */
.certifications-wrapper {
  width: 100%;
}

/* ================================
   GRILLE DES CERTIFICATIONS
================================ */
.certifications-grid {
  display: grid;
  gap: var(--spacing-componant-l, 1.5rem);
}

/* Layout 3 colonnes (défaut) */
.certifications-grid-3-cols {
  grid-template-columns: repeat(3, 1fr);
}

/* Layout 2 colonnes */
.certifications-grid-2-cols {
  grid-template-columns: repeat(2, 1fr);
}

/* Layout 4 colonnes */
.certifications-grid-4-cols {
  grid-template-columns: repeat(4, 1fr);
}

/* ================================
   CARTE DE CERTIFICATION
================================ */
.certification-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: var(--color-neutral-200);
  border-radius: var(--radius-m);
  padding: var(--spacing-componant-xl);
  height: 100%;
  border: 1px solid var(--color-primary-blue-600);
  gap: var(--spacing-componant-l);
}

/* ================================
   LOGO
================================ */
.certification-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: var(--spacing-componant-l, 1.5rem);
}

.certification-logo img {
  max-width: 120px;
  max-height: 120px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* ================================
   CONTENU
================================ */
.certification-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-componant-s, 0.75rem);
  width: 100%;
}

.certification-title {
  color: var(--color-primary-blue-600, #009fe3);
  font-family: Catamaran, sans-serif;
  font-size: var(--font-size-h4);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.certification-description {
  color: var(--color-neutral-900);
  font-family: Quicksand, sans-serif;
  font-size: var(--font-size-9);
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}

/* ================================
   RESPONSIVE
================================ */
@media screen and (max-width: 1200px) {
  .certifications-grid-4-cols {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 980px) {
  .certifications-grid-3-cols,
  .certifications-grid-4-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 680px) {
  .certifications-grid-2-cols,
  .certifications-grid-3-cols,
  .certifications-grid-4-cols {
    grid-template-columns: 1fr;
  }

  .certification-card {
    padding: var(--spacing-componant-m, 1rem);
  }

  .certification-logo img {
    max-width: 100px;
    max-height: 100px;
  }
}

/* ================================
   ACCESSIBILITÉ - MOTION REDUCED
================================ */
@media (prefers-reduced-motion: reduce) {
  .certification-card {
    transition: none !important;
  }
}

/* ================================
   ACCESSIBILITÉ - HIGH CONTRAST
================================ */
@media (prefers-contrast: high) {
  .certification-card {
    border: 2px solid var(--color-neutral-400, #c5c5c9);
  }
}