/* ═══════════════════════════════════════════════════════
   certs.css — Section Certifications
   ═══════════════════════════════════════════════════════ */

#certs {
  position: relative;
  overflow: hidden;
}

.certs-bg {
  position: absolute;
  left: -200px;
  bottom: -100px;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(226, 25, 43, .06) 0%, transparent 70%);
  pointer-events: none;
}

/* ── Grille ─────────────────────────────────────────────── */
.certs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
  max-width: 1100px;
}

/* ── Card cert ──────────────────────────────────────────── */
.cert-card {
  background: var(--surf);
  border: 1px solid var(--bord);
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: border-color var(--tr-med), transform var(--tr-med);
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}

.cert-card:hover {
  border-color: var(--bord2);
  transform: translateX(4px);
}

/* Icône */
.cert-icon {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  user-select: none;
}

.cert-icon.v {
  background: linear-gradient(135deg, rgba(139, 43, 226, .2), rgba(139, 43, 226, .05));
  border: 1px solid rgba(139, 43, 226, .3);
}

.cert-icon.r {
  background: linear-gradient(135deg, rgba(226, 25, 43, .2), rgba(226, 25, 43, .05));
  border: 1px solid rgba(226, 25, 43, .3);
}

.cert-icon.m {
  background: linear-gradient(135deg, rgba(217, 70, 239, .2), rgba(217, 70, 239, .05));
  border: 1px solid rgba(217, 70, 239, .3);
}

/* Texte */
.cert-body { flex: 1; min-width: 0; }

.cert-name {
  font-size: 13px;
  font-weight: 700;
  color: var(--txt);
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cert-issuer {
  font-family: 'Share Tech Mono', monospace;
  font-size: 9px;
  color: var(--muted);
  letter-spacing: 1px;
}

/* Badge statut */
.cert-badge {
  margin-left: auto;
  font-family: 'Share Tech Mono', monospace;
  font-size: 8px;
  padding: 3px 8px;
  flex-shrink: 0;
  border-radius: 2px;
  white-space: nowrap;
}

.cert-badge.done {
  background: rgba(139, 43, 226, .1);
  color: var(--vio3);
  border: 1px solid rgba(139, 43, 226, .25);
}

.cert-badge.wip {
  background: rgba(226, 25, 43, .1);
  color: var(--red3);
  border: 1px solid rgba(226, 25, 43, .25);
}

/* ── MOBILE ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  .certs-grid {
    grid-template-columns: 1fr;
  }
}