:root {
  color-scheme: light;
}

html.dark {
  color-scheme: dark;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.section-target {
  scroll-margin-top: 6rem;
}

.nav-link.active,
.nav-link-mobile.active {
  color: #0891b2;
  font-weight: 700;
}

.filter-btn.active {
  border-color: #0891b2;
  color: #0891b2;
  background-color: rgba(8, 145, 178, 0.08);
}

.certificate-card.is-hidden {
  display: none;
}

/* Keep certificate thumbnails in original full color and consistent size */
.certificate-thumb {
  height: 180px; /* outer thumbnail container height (includes padding)
                     change if you want larger thumbnails */
  padding: 10px; /* space between image and card border */
  box-sizing: border-box;
  background: transparent;
}

.certificate-card .certificate-thumb img {
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  image-rendering: optimizeQuality;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px; /* rounded corners for the image itself */
}

@media (min-width: 768px) {
  .certificate-thumb {
    height: 200px;
    padding: 0px;
  }
}