/* Dialog Group websiteconcept v41
   Global inspiration menu consistency + certification proof logos. */

/* Keep the Inspiration mega menu identical on every page, independent of page-specific stylesheets. */
#menu-inspiratie .insights-menu-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  width: 100%;
}
#menu-inspiratie .insights-menu-groups {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 3vw, 40px);
  align-items: start;
}
#menu-inspiratie .insights-menu-group { min-width: 0; }
@media (max-width: 1080px) {
  #menu-inspiratie .insights-menu-groups { grid-template-columns: 1fr; }
}

/* Compact certification logos directly below the hero. */
.certification-proof-v41 .proof-grid > div {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 14px;
  align-items: center;
}
.certification-proof-v41 .proof-logo-v41 {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid rgba(0,39,102,.10);
  border-radius: 12px;
  padding: 7px;
}
.certification-proof-v41 .proof-logo-v41 img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.certification-proof-v41 .proof-grid strong,
.certification-proof-v41 .proof-grid span { grid-column: 2; }
@media (max-width: 760px) {
  .certification-proof-v41 .proof-grid > div {
    grid-template-columns: 46px minmax(0, 1fr);
    column-gap: 12px;
  }
  .certification-proof-v41 .proof-logo-v41 { width: 46px; height: 46px; border-radius: 10px; }
}
@media (forced-colors: active) {
  .certification-proof-v41 .proof-logo-v41 { border: 1px solid CanvasText; }
}

/* v41 refinement: clearer certification marks in the dark proof strip.
   Keep the original certification artwork, but give it enough size and a
   brand-aligned light surface so fine logo details remain readable. */
.certification-proof-v41 .proof-grid > div {
  grid-template-columns: 92px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 18px;
  min-height: 154px;
  padding-block: 1.35rem;
}

.certification-proof-v41 .proof-logo-v41 {
  width: 88px;
  height: 88px;
  padding: 6px;
  border-radius: 50%;
  background: #f7faff;
  border: 2px solid rgba(135, 255, 199, 0.82);
  outline: 1px solid rgba(255, 255, 255, 0.24);
  outline-offset: 2px;
  overflow: hidden;
}

.certification-proof-v41 .proof-logo-v41 img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
}

/* ISO artwork is taller and contains transparent space around the seal. */
.certification-proof-v41 .proof-logo-v41 img[src*="iso-iec-27001"] {
  width: 84%;
  height: 92%;
}

.certification-proof-v41 .proof-grid strong {
  font-size: clamp(1.02rem, 1.25vw, 1.16rem);
  line-height: 1.2;
}

.certification-proof-v41 .proof-grid span {
  margin-top: 0.2rem;
  line-height: 1.4;
}

@media (max-width: 980px) {
  .certification-proof-v41 .proof-grid > div {
    grid-template-columns: 80px minmax(0, 1fr);
    column-gap: 15px;
    min-height: 138px;
  }
  .certification-proof-v41 .proof-logo-v41 {
    width: 76px;
    height: 76px;
    padding: 5px;
  }
}

@media (max-width: 760px) {
  .certification-proof-v41 .proof-grid > div {
    grid-template-columns: 72px minmax(0, 1fr);
    column-gap: 14px;
    min-height: 126px;
  }
  .certification-proof-v41 .proof-logo-v41 {
    width: 68px;
    height: 68px;
    padding: 5px;
    border-radius: 50%;
  }
}

@media (forced-colors: active) {
  .certification-proof-v41 .proof-logo-v41 {
    background: Canvas;
    border: 2px solid CanvasText;
    outline: none;
  }
}

/* v41 refinement: centred certification marks with the description directly below.
   The wider rounded carrier preserves the proportions of the official DNV mark
   and keeps all four marks visually balanced on the dark proof strip. */
.certification-proof-v41 .proof-grid > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: 196px;
  padding: 1.5rem clamp(0.8rem, 2vw, 1.5rem);
  text-align: center;
}

.certification-proof-v41 .proof-logo-v41 {
  flex: 0 0 auto;
  width: 112px;
  height: 92px;
  margin: 0 auto 0.9rem;
  padding: 8px;
  border-radius: 16px;
  background: #f7faff;
  border: 2px solid rgba(135, 255, 199, 0.82);
  outline: 1px solid rgba(255, 255, 255, 0.24);
  outline-offset: 2px;
  overflow: hidden;
}

.certification-proof-v41 .proof-logo-v41 img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

/* The restored DNV artwork is wider than the other certification marks. */
.certification-proof-v41 .proof-logo-v41 img[src*="dnv-iso-iec-27001"] {
  width: 100%;
  height: 100%;
  transform: none;
}

.certification-proof-v41 .proof-grid strong,
.certification-proof-v41 .proof-grid span {
  width: 100%;
  max-width: 24ch;
  margin-inline: auto;
  text-align: center;
}

.certification-proof-v41 .proof-grid strong {
  margin-top: 0;
  font-size: clamp(1.02rem, 1.25vw, 1.16rem);
  line-height: 1.2;
}

.certification-proof-v41 .proof-grid span {
  margin-top: 0.35rem;
  line-height: 1.4;
}

@media (max-width: 980px) {
  .certification-proof-v41 .proof-grid > div {
    min-height: 180px;
    padding-block: 1.35rem;
  }
  .certification-proof-v41 .proof-logo-v41 {
    width: 100px;
    height: 84px;
    margin-bottom: 0.8rem;
  }
}

@media (max-width: 760px) {
  .certification-proof-v41 .proof-grid > div {
    min-height: 166px;
    padding-block: 1.2rem;
  }
  .certification-proof-v41 .proof-logo-v41 {
    width: 94px;
    height: 78px;
    margin-bottom: 0.75rem;
    border-radius: 14px;
  }
}

@media (forced-colors: active) {
  .certification-proof-v41 .proof-logo-v41 {
    background: Canvas;
    border: 2px solid CanvasText;
    outline: none;
  }
}