/* ============================================================


   OPLEIDENSNEL — VCA Cards frontend


   v5.6.19 — screenshot card design + originele navigatie terug


   ============================================================ */





:root{


  --os-teal:#078a7a;


  --os-teal-dark:#067367;


  --os-mint:#dff5f1;


  --os-mint-2:#eefaf7;


  --os-gold-soft:#fff3d6;


  --os-gold-text:#8a5a00;


  --os-text:#0f172a;


  --os-muted:#5f6b7a;


  --os-border:#e3e8ee;


  --os-card:#ffffff;


  --os-shadow:0 10px 28px rgba(15,23,42,.08);


  --os-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;


}





#vca-cards-filters,


#vca-cards-results,


#vca-cards-filters *,


#vca-cards-results *{


  box-sizing:border-box!important;


  font-family:var(--os-font)!important;


}





/* FILTERS — terug horizontaal, compact en bruikbaar */


#vca-cards-filters{


  width:100%!important;


  margin:0 0 24px 0!important;


  padding:18px 20px!important;


  background:#fff!important;


  border:1px solid rgba(7,138,122,.45)!important;


  border-radius:16px!important;


}





#vca-cards-filters .vca-filters-row{


  display:grid!important;


  grid-template-columns:minmax(260px,2.4fr) repeat(4,minmax(135px,1fr)) minmax(100px,auto)!important;


  gap:4px!important;


  align-items:end!important;


  width:100%!important;


}





#vca-cards-filters .vca-filter-group{


  min-width:0!important;


  display:flex!important;


  flex-direction:column!important;


  gap:7px!important;


}





#vca-cards-filters label{


  margin:0!important;


  font-size:13px!important;


  line-height:1.2!important;


  font-weight:700!important;


  color:#374151!important;


}





#vca-cards-filters input,


#vca-cards-filters select{


  width:100%!important;


  min-height:42px!important;


  height:42px!important;


  border:1px solid var(--os-border)!important;


  border-radius:10px!important;


  background:#fff!important;


  color:var(--os-text)!important;


  padding:9px 12px!important;


  font-size:14px!important;


  box-shadow:none!important;


  appearance:auto!important;


}





#vca-cards-filters .vca-date-range-inner,


#vca-cards-filters .vca-date-range,


#vca-cards-filters .vca-date-inputs,


#vca-cards-filters .vca-filter-date-range{


  display:grid!important;


  grid-template-columns:1fr 1fr!important;


  gap:10px!important;


  width:100%!important;


}





#vca-cards-filters .vca-reset-btn,


#vca-cards-filters button[type="reset"]{


  min-height:42px!important;


  border:0!important;


  border-radius:10px!important;


  background:var(--os-teal)!important;


  color:#fff!important;


  padding:10px 18px!important;


  font-size:14px!important;


  font-weight:800!important;


  cursor:pointer!important;


  box-shadow:none!important;


}





/* RESULT GRID 3-2-1 */


#vca-cards-results{


  width:100%!important;


  display:grid!important;


  grid-template-columns:repeat(3,minmax(0,1fr))!important;


  gap:24px!important;


  align-items:stretch!important;


  margin:0!important;


  padding:0!important;


}





#vca-cards-results > .vca-loader,


#vca-cards-results > .alert,


#vca-cards-results > nav{


  grid-column:1/-1!important;


}





/* CARD — exacte visuele richting screenshot */


#vca-cards-results .kaart-cursus.vca-exam-card,


#vca-cards-results .kaart-cursus.vca-card-v3{


  width:100%!important;


  min-width:0!important;


  max-width:none!important;


  min-height:260px!important;


  height:100%!important;


  display:flex!important;


  flex-direction:column!important;


  margin:0!important;


  padding:0!important;


  background:var(--os-card)!important;


  border:1px solid var(--os-border)!important;


  border-radius:16px!important;


  box-shadow:var(--os-shadow)!important;


  overflow:hidden!important;


  color:var(--os-text)!important;


}





#vca-cards-results .vca-card-head{


  display:grid!important;


  grid-template-columns:minmax(0,1fr) max-content!important;


  align-items:start!important;


  gap:10px!important;


  padding:14px 16px!important;


  background:linear-gradient(180deg,var(--os-mint-2),#fff)!important;


  border-bottom:1px solid #edf1f5!important;


}





#vca-cards-results .vca-level-badge{


  display:block!important;


  width:100%!important;


  max-width:100%!important;


  min-width:0!important;


  border-radius:12px!important;


  padding:6px 12px!important;


  background:var(--os-mint)!important;


  color:var(--os-teal-dark)!important;


  border:0!important;


  font-size:13px!important;


  line-height:1.2!important;


  font-weight:900!important;


  white-space:normal!important;


  overflow:visible!important;


  text-overflow:clip!important;


  text-align:left!important;


  overflow-wrap:anywhere!important;


}





#vca-cards-results .vca-language-badge{


  min-width:max-content!important;


  display:inline-flex!important;


  align-items:center!important;


  justify-content:flex-end!important;


  gap:7px!important;


  background:#fff!important;


  border:1px solid #e5e7eb!important;


  border-radius:999px!important;


  padding:5px 8px!important;


  color:#374151!important;


  font-size:12px!important;


  font-weight:900!important;


  line-height:1!important;


  white-space:nowrap!important;


}





#vca-cards-results .vca-language-text{


  display:inline-block!important;


  max-width:none!important;


  overflow:visible!important;


  text-overflow:clip!important;


  text-transform:none!important;


}





#vca-cards-results .vca-flag{


  flex:0 0 22px!important;


  width:22px!important;


  height:15px!important;


  display:inline-flex!important;


  align-items:center!important;


  justify-content:center!important;


  overflow:hidden!important;


  border-radius:3px!important;


  border:1px solid rgba(15,23,42,.16)!important;


  box-shadow:0 1px 2px rgba(15,23,42,.08)!important;


}





#vca-cards-results .vca-flag span{


  position:absolute!important;


  width:1px!important;


  height:1px!important;


  overflow:hidden!important;


  clip:rect(1px,1px,1px,1px)!important;


}





#vca-cards-results .vca-flag--nl{background:linear-gradient(to bottom,#ae1c28 0 33.33%,#fff 33.33% 66.66%,#21468b 66.66% 100%)!important}


#vca-cards-results .vca-flag--de{background:linear-gradient(to bottom,#000 0 33.33%,#dd0000 33.33% 66.66%,#ffce00 66.66% 100%)!important}


#vca-cards-results .vca-flag--fr{background:linear-gradient(to right,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66% 100%)!important}


#vca-cards-results .vca-flag--es{background:linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%)!important}


#vca-cards-results .vca-flag--pl{background:linear-gradient(to bottom,#fff 0 50%,#dc143c 50% 100%)!important}


#vca-cards-results .vca-flag--tr{background:#e30a17!important}


#vca-cards-results .vca-flag--pt{background:linear-gradient(to right,#006600 0 40%,#ff0000 40% 100%)!important}


#vca-cards-results .vca-flag--ro{background:linear-gradient(to right,#002b7f 0 33.33%,#fcd116 33.33% 66.66%,#ce1126 66.66% 100%)!important}


#vca-cards-results .vca-flag--ru{background:linear-gradient(to bottom,#fff 0 33.33%,#0039a6 33.33% 66.66%,#d52b1e 66.66% 100%)!important}


#vca-cards-results .vca-flag--sa{background:#006c35!important}


#vca-cards-results .vca-flag--en{background:linear-gradient(90deg,#012169 0 100%)!important;position:relative!important}


#vca-cards-results .vca-flag--en:before{content:""!important;position:absolute!important;inset:6px 0!important;background:#fff!important}


#vca-cards-results .vca-flag--en:after{content:""!important;position:absolute!important;inset:0 9px!important;background:#c8102e!important}


#vca-cards-results .vca-flag--generic{background:#e5e7eb!important}





#vca-cards-results .vca-card-body{


  flex:1 1 auto!important;


  display:flex!important;


  flex-direction:column!important;


  gap:8px!important;


  padding:18px 20px 22px!important;


  background:#fff!important;


}





#vca-cards-results .vca-info-row{


  display:flex!important;


  align-items:center!important;


  gap:10px!important;


  min-width:0!important;


}





#vca-cards-results .vca-svg-icon{


  flex:0 0 22px!important;


  width:22px!important;


  height:22px!important;


  display:inline-flex!important;


  align-items:center!important;


  justify-content:center!important;


  color:var(--os-teal)!important;


}





#vca-cards-results .vca-svg-icon svg{


  width:22px!important;


  height:22px!important;


  display:block!important;


  fill:none!important;


  stroke:currentColor!important;


  stroke-width:2!important;


  stroke-linecap:round!important;


  stroke-linejoin:round!important;


}





#vca-cards-results .vca-muted-icon{


  color:#64748b!important;


}





#vca-cards-results .vca-pin-icon{


  color:#2f9b73!important;


}





#vca-cards-results .vca-date-row{


  margin-top:2px!important;


}





#vca-cards-results .vca-date-row strong{


  display:block!important;


  font-size:18px!important;


  line-height:1.15!important;


  font-weight:950!important;


  letter-spacing:-.035em!important;


  color:#0b1220!important;


}





#vca-cards-results .vca-time-row{


  color:#4b5563!important;


  font-size:15px!important;


  font-weight:500!important;


  line-height:1.25!important;


}





#vca-cards-results .vca-location-row{


  align-items:flex-start!important;


  margin-top:8px!important;


  background:transparent!important;


  border:0!important;


  padding:0!important;


}





#vca-cards-results .vca-location-row > div{


  min-width:0!important;


  display:flex!important;


  flex-direction:column!important;


  gap:3px!important;


}





#vca-cards-results .vca-location-row strong{


  display:block!important;


  font-size:18px!important;


  line-height:1.1!important;


  font-weight:950!important;


  letter-spacing:-.025em!important;


  color:#111827!important;


}





#vca-cards-results .vca-location-row small{


  display:block!important;


  font-size:14px!important;


  line-height:1.35!important;


  color:#5f6b7a!important;


  font-weight:500!important;


}





#vca-cards-results .vca-bureau-line{


  display:flex!important;


  align-items:center!important;


  margin-top:18px!important;


}





#vca-cards-results .vca-bureau-badge{


  display:inline-flex!important;


  align-items:center!important;


  justify-content:center!important;


  width:auto!important;


  border-radius:999px!important;


  padding:6px 11px!important;


  background:var(--os-gold-soft)!important;


  color:var(--os-gold-text)!important;


  border:0!important;


  font-size:13px!important;


  line-height:1!important;


  font-weight:700!important;


  text-transform:none!important;


  white-space:nowrap!important;


}





#vca-cards-results .vca-card-upsell{


  margin:12px 0 0!important;


  padding:10px 11px!important;


  background:#f8fafc!important;


  border:1px solid var(--os-border)!important;


  border-radius:12px!important;


}





#vca-cards-results .vca-card-upsell label{


  display:flex!important;


  align-items:flex-start!important;


  gap:9px!important;


  margin:0!important;


  color:var(--os-text)!important;


  font-size:13px!important;


}





#vca-cards-results .vca-card-upsell input{


  margin-top:2px!important;


}





/* FOOTER */


#vca-cards-results .vca-card-footer{


  flex:0 0 auto!important;


  display:flex!important;


  align-items:center!important;


  justify-content:space-between!important;


  gap:14px!important;


  padding:18px 20px!important;


  margin:0!important;


  border-top:1px solid var(--os-border)!important;


  background:#fff!important;


}





#vca-cards-results .vca-price{


  flex:1 1 auto!important;


  min-width:0!important;


  display:flex!important;


  align-items:flex-end!important;


  gap:7px!important;


  color:#0b1220!important;


  white-space:nowrap!important;


}





#vca-cards-results .vca-price strong{


  display:inline-block!important;


  font-size:25px!important;


  line-height:1!important;


  font-weight:950!important;


  letter-spacing:-.04em!important;


}





#vca-cards-results .vca-price span{


  display:inline-block!important;


  padding-bottom:2px!important;


  font-size:13px!important;


  line-height:1!important;


  font-weight:500!important;


  color:#4b5563!important;


}





#vca-cards-results .vca-card-actions{


  flex:0 0 auto!important;


  display:flex!important;


  align-items:center!important;


  gap:10px!important;


}





#vca-cards-results .kaart-cursus.vca-exam-card .inschrijf-btn,


#vca-cards-results .kaart-cursus.vca-exam-card a.inschrijf-btn{


  display:inline-flex!important;


  align-items:center!important;


  justify-content:center!important;


  gap:8px!important;


  min-height:42px!important;


  padding:12px 19px!important;


  border-radius:100px!important;


  background:linear-gradient(180deg,#079f8c,var(--os-teal))!important;


  border:0!important;


  color:#fff!important;


  font-size:15px!important;


  font-weight:850!important;


  line-height:1!important;


  text-decoration:none!important;


  white-space:nowrap!important;


  box-shadow:0 6px 16px rgba(7,138,122,.24)!important;


}





#vca-cards-results .kaart-cursus.vca-exam-card .inschrijf-btn:hover,


#vca-cards-results .kaart-cursus.vca-exam-card a.inschrijf-btn:hover{


  background:linear-gradient(180deg,#078f80,#056b60)!important;


  color:#fff!important;


  transform:translateY(-1px)!important;


}





/* Oude selecteer/checkbox ui definitief uit beeld, behalve upsell */


#vca-cards-results .vca-select-wrap,


#vca-cards-results .selecteer,


#vca-cards-results label:has(input[type="checkbox"]:not(.vca-upsell-check)){


  display:none!important;


}





/* PAGINATIE — terug Bootstrap/oud gedrag, maar grid-safe */


#vca-cards-results nav[aria-label="Page navigation"]{


  display:block!important;


  width:100%!important;


  margin:18px 0 0!important;


  padding:0!important;


}





#vca-cards-results .pagination{


  display:flex!important;


  flex-wrap:wrap!important;


  justify-content:center!important;


  gap:2px!important;


  margin:0!important;


  padding:0!important;


  list-style:none!important;


}





#vca-cards-results .page-item{


  display:block!important;


  margin:0!important;


  padding:0!important;


}





#vca-cards-results .page-link,


#vca-cards-results .vca-page-link{


  display:inline-flex!important;


  align-items:center!important;


  justify-content:center!important;


  min-width:38px!important;


  height:38px!important;


  padding:0 12px!important;


  border:1px solid var(--os-border)!important;


  border-radius:10px!important;


  background:#fff!important;


  color:#374151!important;


  font-size:14px!important;


  font-weight:800!important;


  line-height:1!important;


  text-decoration:none!important;


  cursor:pointer!important;


}





#vca-cards-results .page-item.active .page-link,


#vca-cards-results .page-item.active .vca-page-link{


  background:var(--os-teal)!important;


  border-color:var(--os-teal)!important;


  color:#fff!important;


}





@media (max-width:980px){


  #vca-cards-filters .vca-filters-row{


    grid-template-columns:repeat(2,minmax(0,1fr))!important;


  }


  #vca-cards-results{


    grid-template-columns:repeat(2,minmax(0,1fr))!important;


  }


}





@media (max-width:600px){


  #vca-cards-filters{


    padding:16px!important;


  }


  #vca-cards-filters .vca-filters-row,


  #vca-cards-filters .vca-date-range-inner,


  #vca-cards-filters .vca-date-range,


  #vca-cards-filters .vca-date-inputs,


  #vca-cards-filters .vca-filter-date-range{


    grid-template-columns:1fr!important;


  }


  #vca-cards-results{


    grid-template-columns:1fr!important;


    gap:16px!important;


  }


  #vca-cards-results .vca-card-head{


  display:grid!important;


  grid-template-columns:minmax(0,1fr) max-content!important;


  align-items:start!important;


  gap:10px!important;


  padding:14px 16px!important;


  background:linear-gradient(180deg,var(--os-mint-2),#fff)!important;


  border-bottom:1px solid #edf1f5!important;


}





#vca-cards-results .vca-level-badge{


  display:block!important;


  width:100%!important;


  max-width:100%!important;


  min-width:0!important;


  border-radius:12px!important;


  padding:6px 12px!important;


  background:var(--os-mint)!important;


  color:var(--os-teal-dark)!important;


  border:0!important;


  font-size:13px!important;


  line-height:1.2!important;


  font-weight:900!important;


  white-space:normal!important;


  overflow:visible!important;


  text-overflow:clip!important;


  text-align:left!important;


  overflow-wrap:anywhere!important;


}





#vca-cards-results .vca-language-badge{


  min-width:max-content!important;


  display:inline-flex!important;


  align-items:center!important;


  justify-content:flex-end!important;


  gap:7px!important;


  background:#fff!important;


  border:1px solid #e5e7eb!important;


  border-radius:999px!important;


  padding:5px 8px!important;


  color:#374151!important;


  font-size:12px!important;


  font-weight:900!important;


  line-height:1!important;


  white-space:nowrap!important;


}





#vca-cards-results .vca-language-text{


  display:inline-block!important;


  max-width:none!important;


  overflow:visible!important;


  text-overflow:clip!important;


  text-transform:none!important;


}





#vca-cards-results .vca-flag{


  flex:0 0 22px!important;


  width:22px!important;


  height:15px!important;


  display:inline-flex!important;


  align-items:center!important;


  justify-content:center!important;


  overflow:hidden!important;


  border-radius:3px!important;


  border:1px solid rgba(15,23,42,.16)!important;


  box-shadow:0 1px 2px rgba(15,23,42,.08)!important;


}





#vca-cards-results .vca-flag span{


  position:absolute!important;


  width:1px!important;


  height:1px!important;


  overflow:hidden!important;


  clip:rect(1px,1px,1px,1px)!important;


}





#vca-cards-results .vca-flag--nl{background:linear-gradient(to bottom,#ae1c28 0 33.33%,#fff 33.33% 66.66%,#21468b 66.66% 100%)!important}


#vca-cards-results .vca-flag--de{background:linear-gradient(to bottom,#000 0 33.33%,#dd0000 33.33% 66.66%,#ffce00 66.66% 100%)!important}


#vca-cards-results .vca-flag--fr{background:linear-gradient(to right,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66% 100%)!important}


#vca-cards-results .vca-flag--es{background:linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%)!important}


#vca-cards-results .vca-flag--pl{background:linear-gradient(to bottom,#fff 0 50%,#dc143c 50% 100%)!important}


#vca-cards-results .vca-flag--tr{background:#e30a17!important}


#vca-cards-results .vca-flag--pt{background:linear-gradient(to right,#006600 0 40%,#ff0000 40% 100%)!important}


#vca-cards-results .vca-flag--ro{background:linear-gradient(to right,#002b7f 0 33.33%,#fcd116 33.33% 66.66%,#ce1126 66.66% 100%)!important}


#vca-cards-results .vca-flag--ru{background:linear-gradient(to bottom,#fff 0 33.33%,#0039a6 33.33% 66.66%,#d52b1e 66.66% 100%)!important}


#vca-cards-results .vca-flag--sa{background:#006c35!important}


#vca-cards-results .vca-flag--en{background:linear-gradient(90deg,#012169 0 100%)!important;position:relative!important}


#vca-cards-results .vca-flag--en:before{content:""!important;position:absolute!important;inset:6px 0!important;background:#fff!important}


#vca-cards-results .vca-flag--en:after{content:""!important;position:absolute!important;inset:0 9px!important;background:#c8102e!important}


#vca-cards-results .vca-flag--generic{background:#e5e7eb!important}





#vca-cards-results .vca-card-body{


    padding:17px 16px 20px!important;


  }


  #vca-cards-results .vca-card-footer{


    padding:16px!important;


  }


  #vca-cards-results .vca-price strong{


    font-size:23px!important;


  }


  #vca-cards-results .kaart-cursus.vca-exam-card .inschrijf-btn{


    padding-left:16px!important;


    padding-right:16px!important;


  }


}








/* ============================================================


   v5.6.28 - Renderfix tijd + prijs/CTA


   ============================================================ */


#vca-cards-results .vca-time-row:empty,


#vca-cards-results .vca-time-row span:last-child:empty{


  display:none!important;


}





#vca-cards-results .vca-card-footer{


  display:grid!important;


  grid-template-columns:minmax(0,1fr) auto!important;


  align-items:center!important;


  column-gap:18px!important;


}





#vca-cards-results .vca-price{


  min-width:0!important;


  display:flex!important;


  align-items:flex-end!important;


  gap:2px!important;


  line-height:1!important;


  white-space:nowrap!important;


  overflow:hidden!important;


}





#vca-cards-results .vca-price strong{


  flex:0 1 auto!important;


  min-width:0!important;


}





#vca-cards-results .vca-price small{


  flex:0 0 auto!important;


  display:inline-block!important;


  margin-bottom:3px!important;


  font-size:12px!important;


  line-height:1!important;


  font-weight:600!important;


  color:#667085!important;


}





#vca-cards-results .vca-price span{


  display:none!important;


}





#vca-cards-results .vca-card-actions{


  min-width:max-content!important;


}





#vca-cards-results .kaart-cursus.vca-exam-card .inschrijf-btn,


#vca-cards-results .kaart-cursus.vca-exam-card a.inschrijf-btn{


  min-width:148px!important;


  padding-left:18px!important;


  padding-right:18px!important;


}





@media (max-width:420px){


  #vca-cards-results .vca-card-footer{


    grid-template-columns:1fr!important;


    row-gap:12px!important;


  }


  #vca-cards-results .vca-card-actions,


  #vca-cards-results .kaart-cursus.vca-exam-card .inschrijf-btn,


  #vca-cards-results .kaart-cursus.vca-exam-card a.inschrijf-btn{


    width:100%!important;


  }


}








/* ============================================================


   v5.6.28 - Header + vlag definitief, tijd/prijs render clean


   ============================================================ */


#vca-cards-results .vca-card-head{


  display:grid!important;


  grid-template-columns:minmax(0,1fr) max-content!important;


  align-items:start!important;


}


#vca-cards-results .vca-level-badge{


  white-space:normal!important;


  overflow:visible!important;


  text-overflow:clip!important;


  line-height:1.2!important;


  text-align:left!important;


}


#vca-cards-results .vca-language-badge{


  min-width:max-content!important;


  background:#fff!important;


  border:1px solid #e5e7eb!important;


  border-radius:999px!important;


  padding:5px 8px!important;


}


#vca-cards-results .vca-language-text{


  display:inline-block!important;


  max-width:none!important;


  overflow:visible!important;


  text-overflow:clip!important;


}


#vca-cards-results .vca-card-footer{


  display:grid!important;


  grid-template-columns:minmax(118px,1fr) max-content!important;


  align-items:center!important;


  column-gap:16px!important;


}


#vca-cards-results .vca-price{


  display:flex!important;


  align-items:flex-end!important;


  gap:2px!important;


  min-width:0!important;


  overflow:visible!important;


  white-space:nowrap!important;


}


#vca-cards-results .vca-price strong{


  display:inline-block!important;


  min-width:max-content!important;


  letter-spacing:-.03em!important;


}


#vca-cards-results .vca-price small{


  position:static!important;


  display:inline-block!important;


  margin:0 0 3px 0!important;


  opacity:.7!important;


  padding:0!important;


  white-space:nowrap!important;


}


#vca-cards-results .vca-card-actions{justify-self:end!important;min-width:max-content!important;}








/* ============================================================


   v5.6.29 - Prijs compact: p.p. dichter op bedrag


   ============================================================ */


#vca-cards-results .vca-price{


  gap:2px!important;


  align-items:flex-end!important;


}


#vca-cards-results .vca-price small{


  margin-bottom:3px!important;


  opacity:.7!important;


}





/* ============================================================


   v5.6.30 - Robuuste taalvlaggen, zonder emoji


   ============================================================ */


#vca-cards-results .vca-flag{


  overflow:hidden!important;


  border:1px solid rgba(17,24,39,.18)!important;


  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset!important;


}


#vca-cards-results .vca-flag--gb,


#vca-cards-results .vca-flag--en{


  background:


    linear-gradient(90deg,transparent 42%,#fff 42% 58%,transparent 58%),


    linear-gradient(0deg,transparent 38%,#fff 38% 62%,transparent 62%),


    linear-gradient(90deg,transparent 46%,#c8102e 46% 54%,transparent 54%),


    linear-gradient(0deg,transparent 43%,#c8102e 43% 57%,transparent 57%),


    #012169!important;


  position:relative!important;


}


#vca-cards-results .vca-flag--nl{background:linear-gradient(to bottom,#ae1c28 0 33.33%,#fff 33.33% 66.66%,#21468b 66.66% 100%)!important}


#vca-cards-results .vca-flag--de{background:linear-gradient(to bottom,#000 0 33.33%,#dd0000 33.33% 66.66%,#ffce00 66.66% 100%)!important}


#vca-cards-results .vca-flag--fr{background:linear-gradient(to right,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66% 100%)!important}


#vca-cards-results .vca-flag--es{background:linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%)!important}


#vca-cards-results .vca-flag--pl{background:linear-gradient(to bottom,#fff 0 50%,#dc143c 50% 100%)!important}


#vca-cards-results .vca-flag--tr{background:#e30a17!important}


#vca-cards-results .vca-flag--pt{background:linear-gradient(to right,#006600 0 40%,#ff0000 40% 100%)!important}


#vca-cards-results .vca-flag--ro{background:linear-gradient(to right,#002b7f 0 33.33%,#fcd116 33.33% 66.66%,#ce1126 66.66% 100%)!important}


#vca-cards-results .vca-flag--ru{background:linear-gradient(to bottom,#fff 0 33.33%,#0039a6 33.33% 66.66%,#d52b1e 66.66% 100%)!important}


#vca-cards-results .vca-flag--sa{background:#006c35!important}


#vca-cards-results .vca-flag--ua{background:linear-gradient(to bottom,#0057b7 0 50%,#ffd700 50% 100%)!important}


#vca-cards-results .vca-flag--bg{background:linear-gradient(to bottom,#fff 0 33.33%,#00966e 33.33% 66.66%,#d62612 66.66% 100%)!important}


#vca-cards-results .vca-flag--hu{background:linear-gradient(to bottom,#ce2939 0 33.33%,#fff 33.33% 66.66%,#477050 66.66% 100%)!important}


#vca-cards-results .vca-flag--lt{background:linear-gradient(to bottom,#fdb913 0 33.33%,#006a44 33.33% 66.66%,#c1272d 66.66% 100%)!important}


#vca-cards-results .vca-flag--lv{background:linear-gradient(to bottom,#9e3039 0 40%,#fff 40% 60%,#9e3039 60% 100%)!important}


#vca-cards-results .vca-flag--it{background:linear-gradient(to right,#009246 0 33.33%,#fff 33.33% 66.66%,#ce2b37 66.66% 100%)!important}


#vca-cards-results .vca-flag--cz{background:linear-gradient(to bottom,#fff 0 50%,#d7141a 50% 100%)!important;position:relative!important}


#vca-cards-results .vca-flag--cz:before{content:""!important;position:absolute!important;left:0;top:0;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;border-left:15px solid #11457e!important}


#vca-cards-results .vca-flag--sk{background:linear-gradient(to bottom,#fff 0 33.33%,#0b4ea2 33.33% 66.66%,#ee1c25 66.66% 100%)!important}


#vca-cards-results .vca-flag--hr{background:linear-gradient(to bottom,#f00 0 33.33%,#fff 33.33% 66.66%,#171796 66.66% 100%)!important}


#vca-cards-results .vca-flag--gr{background:repeating-linear-gradient(to bottom,#0d5eaf 0 2px,#fff 2px 4px)!important}


#vca-cards-results .vca-flag--ir{background:linear-gradient(to bottom,#239f40 0 33.33%,#fff 33.33% 66.66%,#da0000 66.66% 100%)!important}


#vca-cards-results .vca-flag--cn{background:#de2910!important}


#vca-cards-results .vca-flag--generic{background:linear-gradient(135deg,#e5e7eb,#f9fafb)!important}





/* ============================================================


   v5.6.34 - Mobile CTA fix: Direct inschrijven binnen card


   Probleem: latere max-content footerregels drukken knoptekst buiten mobiele card.


   Oplossing: footer/card-actions op mobiel naar echte 1-koloms layout + knop compact.


   ============================================================ */


@media (max-width: 767px) {


  #vca-cards-results .vca-card-footer {


    display: grid !important;


    grid-template-columns: minmax(0, 1fr) !important;


    width: 100% !important;


    max-width: 100% !important;


    min-width: 0 !important;


    gap: 10px !important;


    padding-left: 14px !important;


    padding-right: 14px !important;


    overflow: visible !important;


  }





  #vca-cards-results .vca-price {


    width: 100% !important;


    max-width: 100% !important;


    min-width: 0 !important;


    justify-content: flex-start !important;


  }





  #vca-cards-results .vca-card-actions {


    justify-self: stretch !important;


    width: 100% !important;


    max-width: 100% !important;


    min-width: 0 !important;


    display: grid !important;


    grid-template-columns: minmax(0, 1fr) !important;


  }





  #vca-cards-results .kaart-cursus.vca-exam-card .inschrijf-btn,


  #vca-cards-results .kaart-cursus.vca-exam-card a.inschrijf-btn {


    width: 100% !important;


    max-width: 100% !important;


    min-width: 0 !important;


    box-sizing: border-box !important;


    padding: 12px 8px !important;


    font-size: 13px !important;


    line-height: 1.15 !important;


    letter-spacing: -0.015em !important;


    white-space: normal !important;


    overflow: visible !important;


    text-align: center !important;


    word-break: normal !important;


    overflow-wrap: normal !important;


  }


}





@media (max-width: 380px) {


  #vca-cards-results .kaart-cursus.vca-exam-card .inschrijf-btn,


  #vca-cards-results .kaart-cursus.vca-exam-card a.inschrijf-btn {


    padding-left: 6px !important;


    padding-right: 6px !important;


    font-size: 12.5px !important;


  }


}


#vca-cards-results .vca-time-row,


#vca-cards-results .vca-time-row span,


#vca-cards-results .vca-time-row strong{


  color:#4b5563!important;


  font-size:15px!important;


  font-weight:500!important;


  line-height:1.25!important;


}


#vca-cards-filters input[type="date"]{


  cursor:pointer!important;


  position:relative!important;


}





#vca-cards-filters input[type="date"]::-webkit-calendar-picker-indicator{


  position:absolute!important;


  inset:0!important;


  width:100%!important;


  height:100%!important;


  opacity:0!important;


  cursor:pointer!important;


}


/* ============================================================


   v5.6.36 - Reset knop exact gelijk met filtervelden


   ============================================================ */





#vca-cards-filters .vca-filters-row{


  align-items:end!important;


}





#vca-cards-filters .vca-reset-btn,


#vca-cards-filters button[type="reset"]{


  height:42px!important;


  min-height:42px!important;


  align-self:end!important;


  margin-bottom:0!important;


  transform:translateY(0)!important;


}





/* Als reset-knop in eigen wrapper zit */


#vca-cards-filters .vca-filter-actions,


#vca-cards-filters .vca-reset-wrap,


#vca-cards-filters .vca-filter-reset{


  display:flex!important;


  align-items:flex-end!important;


  height:100%!important;


}





/* Reset knop iets omlaag uitlijnen met invoervelden */


#vca-cards-filters .vca-reset-btn,


#vca-cards-filters button[type="reset"]{


  transform:translateY(24px)!important;


}
/* v5.6.49 - Datumvelden volledig klikbaar */
#vca-cards-filters .vca-date-range-block,
#vca-cards-filters .vca-date-range-inner,
#vca-cards-filters input.vca-filter[type="date"]{
  cursor:pointer!important;
}