/* Sitebrede uniforme opmaak voor 'Verder lezen' */
.tg-unified-readmore{
  width: 100% !important;
  max-width: 1360px !important;
  margin: 28px auto 0 auto !important;
}
.tg-unified-readmore__grid{
  display: grid !important;
  grid-template-columns: repeat(var(--tg-cols, 4), minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.tg-unified-readmore__card{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 100px !important;
  width: 100% !important;
  padding: 24px 28px !important;
  background: #fdfdfc !important;
  border: 1px solid rgba(34,54,88,.10) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 26px rgba(22,35,63,.04) !important;
  color: #7a879d !important;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
.tg-unified-readmore__card:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 30px rgba(22,35,63,.08) !important;
}
.tg-unified-readmore__label{
  display: block !important;
  color: #7a879d !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  text-align: left !important;
}
.tg-unified-readmore__arrow{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #6f7f98 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
}
.tg-old-readmore-hidden{
  display: none !important;
}
@media (max-width: 1200px){
  .tg-unified-readmore{ max-width: 1200px !important; }
}
@media (max-width: 1024px){
  .tg-unified-readmore__grid{
    grid-template-columns: repeat(min(2, var(--tg-cols, 4)), minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px){
  .tg-unified-readmore{
    margin-top: 18px !important;
  }
  .tg-unified-readmore__grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .tg-unified-readmore__card{
    min-height: auto !important;
    padding: 20px 22px !important;
  }
}

/* v3.7 – directe styling voor bestaande 'Verder lezen' kolommen */
.tg-direct-readmore-row{
  display: grid !important;
  grid-template-columns: repeat(var(--tg-cols, 4), minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.tg-direct-readmore-card{
  display: block !important;
  margin: 0 !important;
  min-height: 100px !important;
  background: #fdfdfc !important;
  border: 1px solid rgba(34,54,88,.10) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 26px rgba(22,35,63,.04) !important;
  overflow: hidden !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.tg-direct-readmore-card:hover,
.tg-direct-readmore-card:focus-within{
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 30px rgba(22,35,63,.08) !important;
}
.tg-direct-readmore-card,
.tg-direct-readmore-card > div,
.tg-direct-readmore-card .elementor-widget-wrap,
.tg-direct-readmore-card .elementor-element-populated,
.tg-direct-readmore-card .elementor-widget-container,
.tg-direct-readmore-card .e-con,
.tg-direct-readmore-card .e-con-inner{
  background: transparent !important;
}
.tg-direct-readmore-card a{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  width: 100% !important;
  min-height: 100px !important;
  padding: 24px 28px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.tg-direct-readmore-card a,
.tg-direct-readmore-card a *{
  color: #7a879d !important;
}
.tg-direct-readmore-card a svg,
.tg-direct-readmore-card a i{
  color: #6f7f98 !important;
  fill: #6f7f98 !important;
  stroke: #6f7f98 !important;
}
@media (max-width: 1024px){
  .tg-direct-readmore-row{
    grid-template-columns: repeat(min(2, var(--tg-cols, 4)), minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px){
  .tg-direct-readmore-row{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .tg-direct-readmore-card{
    min-height: auto !important;
  }
  .tg-direct-readmore-card a{
    min-height: auto !important;
    padding: 20px 22px !important;
  }
}

/* v3.8 – elegante hover voor alle Verder-lezen kaarten */
.tg-unified-readmore__card,
.tg-unified-readmore__label,
.tg-unified-readmore__arrow,
.tg-direct-readmore-card,
.tg-direct-readmore-card a,
.tg-direct-readmore-card a *,
.tg-direct-readmore-card a svg,
.tg-direct-readmore-card a i{
  transition: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease, fill .22s ease, stroke .22s ease !important;
}

.tg-unified-readmore__card:hover,
.tg-unified-readmore__card:focus-visible,
.tg-unified-readmore__card:focus-within,
.tg-direct-readmore-card:hover,
.tg-direct-readmore-card:focus-within{
  background: #16233F !important;
  border-color: #16233F !important;
  box-shadow: 0 16px 34px rgba(22,35,63,.18) !important;
}

.tg-unified-readmore__card:hover .tg-unified-readmore__label,
.tg-unified-readmore__card:focus-visible .tg-unified-readmore__label,
.tg-unified-readmore__card:focus-within .tg-unified-readmore__label,
.tg-unified-readmore__card:hover .tg-unified-readmore__arrow,
.tg-unified-readmore__card:focus-visible .tg-unified-readmore__arrow,
.tg-unified-readmore__card:focus-within .tg-unified-readmore__arrow,
.tg-direct-readmore-card:hover a,
.tg-direct-readmore-card:focus-within a,
.tg-direct-readmore-card:hover a *,
.tg-direct-readmore-card:focus-within a *,
.tg-direct-readmore-card:hover a svg,
.tg-direct-readmore-card:focus-within a svg,
.tg-direct-readmore-card:hover a i,
.tg-direct-readmore-card:focus-within a i{
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}