/* Degero card/grid spacing. Load last. Cache-bust: ?v=20260829-cards
   Do not touch navbar/header (60px bar, hamburger stays in chrome.css). */

/* 1) /gacs-drempel-check — restore full-width live/verdict inside the shell */
#drempel-check.sb-container,
#drempel-check {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--sb-container, 1200px) !important;
}

#drempel-check .dg-check-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: auto !important;
  gap: 1.25rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#drempel-check .dg-check-shell > * {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;
  transform: none !important;
}

#drempel-check .dg-check-form,
#drempel-check .dg-check-live,
#drempel-check .dg-check-verdict {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}

#drempel-check .dg-check-live[hidden],
#drempel-check .dg-check-verdict[hidden] {
  display: none !important;
}

#drempel-check .dg-check-live:not([hidden]) {
  display: grid !important;
  gap: 1rem !important;
}

#drempel-check .dg-check-verdict:not([hidden]) {
  display: block !important;
}

/* 2) /kennisbank cluster cards */
html body.page-category-kennisbank main .dg-kb-cluster-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

html body.page-category-kennisbank main .dg-kb-cluster-card,
html body.page-category-kennisbank main article.dg-kb-cluster-card,
html body.page-category-kennisbank main [class*="kb-cluster-card"] {
  box-sizing: border-box !important;
  padding: 20px !important;
  min-width: 0 !important;
  height: 100% !important;
}

html body.page-category-kennisbank main .dg-kb-cluster-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

@media (max-width: 960px) {
  html body.page-category-kennisbank main .dg-kb-cluster-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body.page-category-kennisbank main .dg-kb-cluster-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 3) /referenties — CTA row always occupies the same slot */
html body .dg-reference-card__body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

html body .dg-reference-card__link {
  display: inline-flex !important;
  align-items: center !important;
  margin-top: auto !important;
  min-height: 44px !important;
  font-weight: 750 !important;
  color: #0a2540 !important;
  text-decoration: none !important;
}

html body .dg-reference-card__link:hover,
html body .dg-reference-card__link:focus-visible {
  color: #065f46 !important;
  text-decoration: underline !important;
}

/* 4) /gacs-scan-app stats — tiles not flush */
html body.page-gacs-scan-app .dg-stats,
body.page-gacs-scan-app .dg-stats {
  gap: 16px !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

html body.page-gacs-scan-app .dg-stat,
body.page-gacs-scan-app .dg-stat {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 16px !important;
  background: var(--dg-ink, #082640) !important;
}

html body.page-gacs-scan-app .dg-stat:first-child,
html body.page-gacs-scan-app .dg-stat:nth-child(n),
body.page-gacs-scan-app .dg-stat:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
}

@media (max-width: 920px) {
  html body.page-gacs-scan-app .dg-stats,
  body.page-gacs-scan-app .dg-stats {
    gap: 16px !important;
  }
}

/* 5) Global card/SEO-link grids: ≥16px */
html body main .dg-seo-links,
html body .dg-seo-links,
html body main .dg-internal-links__grid,
html body .dg-internal-links__grid,
html body.page-category-pakketten main .sb-grid,
html body.page-gacs-scan-app .dg-flow,
body.page-gacs-scan-app .dg-flow,
html body.page-gacs-scan-app .dg-grid,
body.page-gacs-scan-app .dg-grid {
  gap: 16px !important;
}

/* 6) /diensten desktop: 4 service cards → 2×2, not 3+1 */
html body.page-category-diensten main .sb-grid.sb-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

@media (max-width: 767px) {
  html body.page-category-diensten main .sb-grid.sb-grid--2 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 7) Contrast: ghost / projectintake on navy → white or outline.
      EEAT mint labels → darker / white on navy. */
html body main .sb-section--dark .sb-btn--ghost,
html body main .sb-cta .sb-btn--ghost,
html body main [class*="--navy"] .sb-btn--ghost,
html body main [class*="--inverse"] .sb-btn--ghost,
html body.page-home .dg-home-process .dg-button--secondary,
html body.page-home .dg-home-final .dg-button--secondary,
html body.page-home .dg-home-platform .dg-button--secondary,
html body.page-category-kennisbank main .sb-section--dark .sb-btn--ghost,
html body.page-category-kennisbank main .dg-kb-cluster-card--cta .dg-kb-cluster-links a {
  color: #ffffff !important;
  background: transparent !important;
  border: 1.5px solid #ffffff !important;
}

html body.page-category-kennisbank main .dg-kb-cluster-card--cta > span {
  color: #ffffff !important;
  background: #147a40 !important;
}

html body main .dg-eeat-strip strong,
html body .dg-eeat-strip strong {
  color: #064e3b !important;
}

html body.page-category-kennisbank main .dg-eeat-strip strong,
html body main .dg-eeat-strip[style*="082640"] strong,
html body main section.dg-eeat-strip strong {
  color: #064e3b !important;
}

html body.page-category-kennisbank .dg-eeat-strip strong,
html body.page-category-kennisbank main .dg-eeat-strip strong,
html body.page-category-kennisbank.page-category-kennisbank main#main-content .dg-eeat-strip strong {
  color: #ffffff !important;
}

html body.page-home .dg-home-process .dg-kicker,
html body.page-home .dg-home-final .dg-kicker {
  color: #ffffff !important;
}

/* NICE: /contact mobile form fields ≥12px */
@media (max-width: 680px) {
  html body.page-category-contact main .sb-form,
  html body.page-category-contact main .sb-form__row,
  html body #projectintake .dg-intake__grid,
  html body #projectintake .dg-intake-field,
  html body .sb-contact .sb-form,
  html body .sb-contact .sb-form__row {
    gap: 12px !important;
    row-gap: 12px !important;
  }

  html body.page-category-contact main .sb-form__group,
  html body .sb-contact .sb-form__group {
    margin-bottom: 12px !important;
  }
}

/* NICE: /case-bovenij stacked boxes ≥16px */
@media (max-width: 640px) {
  html body .case-facts .sb-container,
  .case-facts .sb-container {
    gap: 16px !important;
    background: transparent !important;
  }
}