/* RIHZYN — Inline SVG BADGES (CSS-only)
   Paste into: assets/css/style.css (at the END)
   OR save as: assets/css/rihzyn-badges.css and import after your main stylesheet.
   Targets existing tiles by order inside #certs section.
---------------------------------------------------------------- */

/* SAM.gov — federal building */
#certs .grid > div:nth-child(1) .h-10.w-10{
  border-radius:10px; border:1px solid #D4DBF7;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 8l6-3 6 3' stroke='%232A6F97' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M4 10h16' stroke='%232A6F97' stroke-width='1.8' stroke-linecap='round' fill='none'/><path d='M6 10v8M10 10v8M14 10v8M18 10v8' stroke='%232A6F97' stroke-width='1.8' stroke-linecap='round' fill='none'/><path d='M4 18h16' stroke='%232A6F97' stroke-width='1.8' stroke-linecap='round' fill='none'/></svg>"),
    linear-gradient(180deg,#EEF2FF,#E0E7FF);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: 22px, cover;
}

/* SBA Profile — briefcase */
#certs .grid > div:nth-child(2) .h-10.w-10{
  border-radius:10px; border:1px solid #CBE7E1;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='9' width='16' height='10' rx='2' ry='2' stroke='%232A6F97' stroke-width='1.8' fill='none'/><path d='M9 9V7a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2' stroke='%232A6F97' stroke-width='1.8' fill='none' stroke-linecap='round'/><path d='M4 13h16' stroke='%232A6F97' stroke-width='1.8' fill='none' stroke-linecap='round'/></svg>"),
    linear-gradient(180deg,#E6F7F4,#D9F0EB);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: 22px, cover;
}

/* CMMC / NIST — shield with check */
#certs .grid > div:nth-child(3) .h-10.w-10{
  border-radius:10px; border:1px solid #F5E4BE;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 4l6 3v4c0 5-4 7-6 9-2-2-6-4-6-9V7l6-3Z' stroke='%232A6F97' stroke-width='1.8' fill='none' stroke-linejoin='round'/><path d='M9 12l2 2 4-4' stroke='%232A6F97' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>"),
    linear-gradient(180deg,#FFF7E9,#FFEFD2);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: 22px, cover;
}

/* State Vendor — ID card */
#certs .grid > div:nth-child(4) .h-10.w-10{
  border-radius:10px; border:1px solid #CBD5E1;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='7' width='16' height='10' rx='2' ry='2' stroke='%232A6F97' stroke-width='1.8' fill='none'/><circle cx='9' cy='12' r='2' stroke='%232A6F97' stroke-width='1.8' fill='none'/><path d='M14 11h5M14 14h5' stroke='%232A6F97' stroke-width='1.8' stroke-linecap='round' fill='none'/></svg>"),
    linear-gradient(180deg,#F1F5F9,#E2E8F0);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: 22px, cover;
}

/* Optional hover tint */
#certs .rounded-2xl.border.border-slate-200.bg-white:hover .h-10.w-10{
  filter: saturate(1.15) brightness(1.05);
}

/* Respect reduced motion (no effect here, but for parity with other effects) */
@media (prefers-reduced-motion: reduce){}