/* ==========================================================================
   AZAADESIGNS ID — CREDENTIALS.CSS
   Sertifikasi Section · Credential Cards
   ========================================================================== */

/* ── CREDENTIALS SECTION ────────────────────────────────────────────────── */
.credentials-section {
    padding: var(--section-pad);
}

/* ── CREDENTIAL GRID ────────────────────────────────────────────────────── */
.credential-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* ── CREDENTIAL CARD ────────────────────────────────────────────────────── */
.credential-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Nama lembaga penerbit */
.cred-issuer {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--neon-glow);
}

/* Ikon emoji sertifikat */
.cred-icon {
    font-size: 2.2rem;
    line-height: 1;
}

/* Judul sertifikat */
.credential-card h3 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--text-main);
    flex: 1;
}

/* Tanggal terbit */
.cred-date {
    font-size: 0.82rem;
    color: var(--text-muted);
    font-weight: 600;
}

/* Kode / Nomor sertifikat */
.cred-code {
    font-size: 0.75rem;
    color: var(--text-soft);
    font-family: monospace;
}

/* Badge tag kategori */
.cred-badge-tag {
    display: inline-block;
    background: rgba(56, 189, 248, 0.1);
    color: var(--neon-glow);
    border: 1px solid rgba(56, 189, 248, 0.25);
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 0.72rem;
    font-weight: 700;
    align-self: flex-start;
    margin-top: auto;
}

/* Varian gold (khusus Aifest, Public Speaking) */
.cred-badge-gold {
    background: rgba(245, 158, 11, 0.1);
    color: var(--accent-gold);
    border-color: rgba(245, 158, 11, 0.25);
}