/* ---------- EIC Experience Card ---------- */

.eic-experience-card-widget {
  --eic-ec-height: auto;
  --eic-ec-primary: #ffffff;
  --eic-ec-secondary: #f5f5f5;
  --eic-ec-text: #020617;
  --eic-ec-muted: #475569;
  --eic-ec-check: #16a34a;
  --eic-ec-pad-x: 22px;
  --eic-ec-pad-b: 24px;
  --eic-ec-footer-size: 56px;   /* ~ hauteur (divider + CTA). Ajustable. */
  --eic-ec-footer-gap: 0px;
}
.eic-experience-card-widget.eic-ec-has-footer {
  --eic-ec-footer-gap: var(--eic-ec-footer-size);
}

.eic-experience-card-widget .eic-ec-card {
  position: relative;
  display: block;
  border-radius: 10px;
  padding: 12px var(--eic-ec-pad-x) calc(var(--eic-ec-pad-b) + var(--eic-ec-footer-gap)) var(--eic-ec-pad-x);
  background: var(--eic-ec-primary);
  border: 1px solid rgba(2, 6, 23, 0.06);
  box-shadow: 0 8px 28px rgba(2, 6, 23, 0.102);
  overflow: hidden;
  color: var(--eic-ec-text);
  height: var(--eic-ec-height);
}

/* Gros pictogramme en arrière-plan */
.eic-experience-card-widget .eic-ec-backicon {
  position: absolute;
  /* on passe en positionnement par le haut, plus centré à droite */
  top: 50%;
  left: 62%;
  transform: translate(-50%, -50%);
  font-size: var(--eic-ec-icon-size, 140px);
  line-height: 1;
  color: var(--eic-ec-secondary);
  pointer-events: none;
  user-select: none;
  z-index: 1;
}

/* Étiquette (mini-titre) */
.eic-experience-card-widget .eic-ec-badge {
  display: inline-block;
  padding: 0px 6px;
  margin: 0;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--eic-ec-text);
  background: var(--eic-ec-secondary);
  border: 1px solid rgba(2, 6, 23, 0.06);
  z-index: 2;
}

/* Titre principal */
.eic-experience-card-widget .eic-ec-title {
  margin: 16px 0 8px;
  font-weight: 700;
  line-height: 1.2;
  font-size: clamp(20px, 3.2vw, 28px);
  color: var(--eic-ec-text);
  text-align: center;
  z-index: 2;
}

.eic-experience-card-widget .eic-ec-divider {
  height: 2px;
  width: 100%;
  background: var(--eic-ec-secondary);
  border-radius: 1px;
  margin: 12px 0;
  z-index: 2;
}

/* Liste à puces “check” */
.eic-experience-card-widget .eic-ec-list {
  list-style: none;
  padding: 8px 0;
}

.eic-experience-card-widget .eic-ec-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 8px 0;
  color: var(--eic-ec-text);
}

.eic-experience-card-widget .eic-ec-check {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  flex: 0 0 20px;
  color: var(--eic-ec-check);
}

.eic-experience-card-widget .eic-ec-li-text {
  line-height: 1.45;
  font-size: 15px;
  z-index: 2;
}

/* Footer : collé en bas grâce à margin-top:auto */
.eic-experience-card-widget .eic-ec-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  /* pour aligner avec le contenu, on reprend les paddings horizontaux et bas */
  padding: 0 var(--eic-ec-pad-x) var(--eic-ec-pad-b);
  text-align: center;
  z-index: 2; /* au-dessus de l’icône de fond */
}

.eic-experience-card-widget .eic-ec-footer .eic-ec-divider {
  margin: 0 0 8px; /* au lieu de 12px */
}

/* Lien CTA “En savoir plus” */
.eic-experience-card-widget .eic-ec-cta {
  display: inline-block;
  font-weight: 700;
  padding-top: 6px;
  text-decoration: underline;
  color: var(--eic-ec-text);
  z-index: 2;
}

/* Responsive petites largeurs: un peu plus d’air */
@media (max-width: 420px) {
  .eic-experience-card-widget {
    --eic-ec-pad-x: 18px;
    --eic-ec-pad-b: 18px;
  }
  .eic-experience-card-widget .eic-ec-backicon { font-size: 180px; }
}