/* ============================================================
   MasnoonHub Express - reusable scholar-certified badge (.mh-cert)
   Rendered by inc/mh-cert-badge.php. Enqueued site-wide and added to the
   homepage + inner kept-styles allowlists so it survives CSS isolation.
   Uses the trust (green) tokens from tokens.css; brand-safe (no purple).
   ============================================================ */

.mh-cert{
  align-self:flex-start;
  display:inline-flex; align-items:center; gap:4px;
  white-space:nowrap;
  background:var(--trust-soft, #e7f6ef); color:var(--trust, #1d8a5c);
  font-family:var(--font-body, "Hanken Grotesk", "Noto Sans Bengali", system-ui, sans-serif);
  font-weight:700; line-height:1; border-radius:var(--r-xs, 6px);
}
.mh-cert__ic{ flex:none; }
.mh-cert__t{ display:inline-block; }

/* mini: the micro product-card badge (footprint matches the old .mhub-cert). */
.mh-cert--mini{ font-size:9px; letter-spacing:.02em; padding:2px 6px 2px 4px; text-transform:uppercase; }
.mh-cert--mini .mh-cert__ic{ width:11px; height:11px; }

/* pill: a standard inline pill for listings / trust rows. */
.mh-cert--pill{ font-size:11px; padding:5px 11px 5px 8px; border-radius:999px; }
.mh-cert--pill .mh-cert__ic{ width:13px; height:13px; }

/* chip: medium, for section headers / larger cards. */
.mh-cert--chip{ font-size:12.5px; padding:6px 13px 6px 9px; border-radius:10px; }
.mh-cert--chip .mh-cert__ic{ width:15px; height:15px; }