/* VDM Tegels Grid – front */
.vdm-tg-wrap{
  background: var(--vdm-tg-section-bg);
  padding: 10px 0;
}

.vdm-tg-grid{
  display:grid;
  gap: var(--vdm-tg-grid-gap, 24px);
  grid-template-columns: repeat(var(--vdm-tg-cols-desktop,4), minmax(0,1fr));
}

@media (max-width: 980px){
  .vdm-tg-grid{ grid-template-columns: repeat(var(--vdm-tg-cols-tablet,2), minmax(0,1fr)); }
}
@media (max-width: 600px){
  .vdm-tg-grid{ grid-template-columns: repeat(var(--vdm-tg-cols-mobile,1), minmax(0,1fr)); }
}

.vdm-tg-card{
  box-sizing:border-box;
  background: var(--vdm-tg-tile-bg);
  border-radius: var(--vdm-tg-radius, 6px);
  border: var(--vdm-tg-border-width, 0px) solid var(--vdm-tg-border-color, transparent);
  overflow:hidden;
  box-shadow: none;
  display:flex;
  flex-direction:column;
  min-height: auto;
  max-height: 100%;
}

.vdm-tg-image{ display:flex; line-height:0; background: var(--vdm-tg-img-bg, #ffffff); align-items:center; justify-content:center; overflow:hidden; }
.vdm-tg-img{
  max-width:none;
  width: var(--vdm-tg-img-w, 100%);
  height: auto;
  max-height: 100%;
  object-fit: contain;
  display:block;

  transition: transform .25s ease;
}
.vdm-tg-img--placeholder{
  height: var(--vdm-tg-img-height, 190px);
  background: #e9edf2;
}

.vdm-tg-body{
  padding: var(--vdm-tg-content-padding, 16px);
}

.vdm-tg-title{
  margin:0 0 6px 0;
  font-size: var(--vdm-tg-title-size);
  line-height: 1.2;
  font-weight: var(--vdm-tg-title-weight);
  color: var(--vdm-tg-title-color);
}
.vdm-tg-text{
  margin:0;
  color: var(--vdm-tg-text-color);
  font-size: var(--vdm-tg-text-size);
  line-height: 1.35;
  font-weight: var(--vdm-tg-text-weight);
}

.vdm-tg-cta{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 11px 14px;
  background: var(--vdm-tg-accent);
  color: var(--vdm-tg-btn-color) !important;
  text-decoration:none !important;
  font-weight: var(--vdm-tg-btn-weight);
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: var(--vdm-tg-btn-size);
  position: relative;
  z-index: 3;
  transition: background .15s ease, opacity .15s ease;
}
.vdm-tg-card:hover .vdm-tg-cta{
  background: var(--vdm-tg-accent-hover);
}
.vdm-tg-cta:hover{ opacity: .98; }

.vdm-tg-cta-arrow{
  font-size: 20px;
  line-height: 1;
}
.vdm-tg-empty{ margin:0; padding: 10px 0; }

/* Hele tegel klikbaar */
.vdm-tg-card{ position:relative; }
.vdm-tg-cardlink{
  position:absolute;
  inset:0;
  z-index:2;
  text-indent:-9999px;
  overflow:hidden;
}
.vdm-tg-image, .vdm-tg-body{ position:relative; z-index:1; }

.vdm-tg-card:hover .vdm-tg-img{
  max-width:none; transform: scale(1.03); }

/* Optionele vaste hoogte */
.vdm-tg-card{ height: var(--vdm-tg-card-height, auto); }

/* Schaduw alleen indien aangevinkt */
.vdm-tg-wrap.has-shadow .vdm-tg-card{ box-shadow: 0 8px 20px rgba(0,0,0,0.08); }

/* Regelafstanden */
.vdm-tg-title{ line-height: var(--vdm-tg-title-lh, 1.2); }
.vdm-tg-text{ line-height: var(--vdm-tg-text-lh, 1.45); }