.elementor-437 .elementor-element.elementor-element-a3e1500{--display:flex;}.elementor-437 .elementor-element.elementor-element-a3e1500.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-437 .elementor-element.elementor-element-e795390{margin:-39px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-437 .elementor-element.elementor-element-a3e1500{--width:98.362%;}}/* Start custom CSS for html, class: .elementor-element-e795390 *//* Basis (moet bestaan) */
.rz-location-image {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
}

/* Nieuwe locaties – AVIF */

.rz-img-zaamslag {
  background-image: url('/wp-content/uploads/2025/12/Zaamslag.avif');
}

.rz-img-scharendijke {
  background-image: url('/wp-content/uploads/2025/12/Scharendijke-keuring.avif');
}

.rz-img-koudekerke {
  background-image: url('/wp-content/uploads/2025/12/Koudekerke.avif');
}
<style>
/* ✅ Fix: alle kaarten even hoog + knoppen netjes op 1 lijn */
.rz-locations-section .rz-locations-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  align-items: stretch;
}

.rz-locations-section .rz-location-card{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Zorg dat alle afbeeldingen dezelfde hoogte hebben */
.rz-locations-section .rz-location-image{
  height: 180px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Body als flex-kolom zodat de knop naar onder kan */
.rz-locations-section .rz-location-body{
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Titels: max 2 regels, maar altijd dezelfde “ruimte” */
.rz-locations-section .rz-location-body h3{
  margin: 0 0 10px;
  line-height: 1.2;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;     /* max 2 regels */
  overflow: hidden;

  min-height: 2.4em;         /* reserveer ruimte voor 2 regels */
}

/* Knop altijd onderaan */
.rz-locations-section .rz-location-button{
  margin-top: auto;
}

/* Mobiel: geef titel wat meer ruimte */
@media (max-width: 480px){
  .rz-locations-section .rz-location-body h3{
    -webkit-line-clamp: 3;
    min-height: 0;
  }
}
</style>
/* ✅ Grid + kaarten netjes op 1 lijn (titels mogen 2 regels zijn) */
.rz-locations-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  align-items: stretch; /* grid-items even hoog per rij */
}

/* card als flex-kolom zodat knop altijd onderaan kan */
.rz-location-card{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* image heb je al, maar dit is “veilig” als Elementor iets overschrijft */
.rz-location-image{
  height: 180px;                /* consistent */
  border-radius: 12px 12px 0 0; /* consistent */
}

/* body ook flex zodat we kunnen 'duwen' */
.rz-location-body{
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* ✅ Titel: max 2 regels, maar altijd dezelfde ruimte (dus alles lijnt uit) */
.rz-location-body h3{
  margin: 0 0 10px;
  line-height: 1.2;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* max 2 regels */
  overflow: hidden;

  min-height: 2.4em;     /* reserveer ruimte voor 2 regels */
}

/* knop altijd onderaan */
.rz-location-button{
  margin-top: auto;
}

/* mobiel: mag titel iets langer zonder rare afkapping */
@media (max-width: 480px){
  .rz-location-body h3{
    -webkit-line-clamp: 3;
    min-height: 0;
  }
}/* End custom CSS */
/* Start custom CSS *//* --------------------------
   ALGEMENE SECTIE OPMAAK
--------------------------- */

.rz-locations-section {
  padding: 40px 20px;
}

.rz-locations-title {
  text-align: center;
  font-size: 32px;
  color: #003366;
  margin-bottom: 10px;
  font-weight: 700;
}

.rz-locations-intro {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 20px;
  font-size: 16px;
  color: #444;
}

/* --------------------------
   ZOEKVELD
--------------------------- */

.rz-search-wrap {
  text-align: center;
  margin-bottom: 25px;
}

#rz-search {
  width: 90%;
  max-width: 350px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid #ccd5da;
  font-size: 15px;
  outline: none;
  transition: 0.2s ease;
}

#rz-search:focus {
  border-color: #005B99;
  box-shadow: 0 0 0 2px rgba(0, 91, 153, 0.15);
}

/* --------------------------
   GRID
--------------------------- */

.rz-locations-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.rz-location-card {
  width: calc(25% - 20px);
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #dde3e6;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
  transition: 0.25s ease;
}

/* Hover animatie */
.rz-location-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.15);
}

/* --------------------------
   AFBEELDINGEN
--------------------------- */

.rz-location-image {
  height: 150px;
  background-size: cover;
  background-position: center;
}

/* FOTO KOPPELINGEN */
.rz-img-arnemuiden { background-image: url('/wp-content/uploads/2025/12/Arnemuiden1-1.jpeg'); }
.rz-img-breskens { background-image: url('/wp-content/uploads/2025/12/Breskens-rijbewijskeuring.jpeg'); }
.rz-img-goes-allevo { background-image: url('/wp-content/uploads/2025/12/Goes-Allevo.jpeg'); }
.rz-img-goes-mc { background-image: url('/wp-content/uploads/2025/12/Goes-Medisch-Centrum.jpeg'); }
.rz-img-grijpskerke { background-image: url('/wp-content/uploads/2025/12/Grijpskerke.jpeg'); }
.rz-img-hulst { background-image: url('/wp-content/uploads/2025/12/Hulst-1.jpeg'); }
.rz-img-kapelle { background-image: url('/wp-content/uploads/2025/12/Kapelle.jpeg'); }
.rz-img-lewedorp { background-image: url('/wp-content/uploads/2025/12/Lewedorp.jpeg'); }
.rz-img-getij { background-image: url('/wp-content/uploads/2025/12/middelburg-het-getij.jpeg'); }
.rz-img-palet { background-image: url('/wp-content/uploads/2025/12/Middelburg-Palet.jpeg'); }
.rz-img-oudvossemeer { background-image: url('/wp-content/uploads/2025/12/OudVossemeer.jpeg'); }
.rz-img-terneuzen { background-image: url('/wp-content/uploads/2025/12/Terneuzen.jpeg'); }
.rz-img-vlissingen { background-image: url('/wp-content/uploads/2025/12/Vlissingen.jpeg'); }
.rz-img-vlissingenp { background-image: url('/wp-content/uploads/2025/12/Vlissingenpaauwenburg.jpeg'); }
.rz-img-zierikzee { background-image: url('/wp-content/uploads/2025/12/Zierikzee.jpeg'); }

/* --------------------------
   BODY
--------------------------- */

.rz-location-body {
  padding: 18px;
}

.rz-location-body h3 {
  font-size: 18px;
  color: #003366;
  margin: 0 0 6px;
}

.rz-location-body p {
  margin: 0 0 12px;
  color: #444;
}

/* --------------------------
   KNOP
--------------------------- */

.rz-location-button {
  background: #005B99;
  color: #fff;
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  transition: 0.2s ease;
}

.rz-location-button:hover {
  background: #004f89;
}

/* --------------------------
   RESPONSIVE
--------------------------- */

@media (max-width: 1024px) {
  .rz-location-card {
    width: calc(33.33% - 20px);
  }
}

@media (max-width: 768px) {
  .rz-location-card {
    width: calc(50% - 20px);
  }
}

@media (max-width: 560px) {
  .rz-location-card {
    width: 100%;
  }
}/* End custom CSS */