/*-------------------------------CONTACTGEGEVENS--------------------------*/
/* Alleen ruimte & layout aanpassen voor website, telefoon en adres */
.wpbdp-field-website,
.wpbdp-field-e-mailadres,
.wpbdp-field-telefoon,
.wpbdp-field-adres {
    margin-bottom: 0.3rem !important;
    padding: 0 !important;
}

/* Verwijdert website-icoon */
.wpbdp-field-website .value a::before {
  display: none !important;
  content: none !important;
}

/* Verbergt https visueel */
.wpbdp-field-website .value a {
  direction: rtl;
  unicode-bidi: plaintext;
}



/*-------------------------------TITELS DONKERBLAUW--------------------------*/
/* Alle Business Directory veld-titels */
.wpbdp-field .field-label {
  color: #175272 !important;   /* jouw donkerblauw */
  font-weight: 600;            /* optioneel: iets steviger */
}



/*-------------------------------AFBEELDINGEN HOOFDDOELEN--------------------------*/
/* Zet alleen Hoofddoel 1 & 2 afbeeldingen naast elkaar */
.wpbdp-field-hoofddoel_1_afbeelding,
.wpbdp-field-hoofddoel_2_afbeelding {
  display: inline-flex;
  vertical-align: top;
  margin-right: 0.5rem; /* kleine ruimte tussen de twee */
}

/* Zorg dat ze niet te groot worden */
.wpbdp-field-hoofddoel_1_afbeelding img,
.wpbdp-field-hoofddoel_2_afbeelding img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Verwijder ongewenste <br> spacing binnen de value */
.wpbdp-field-hoofddoel_1_afbeelding .value br,
.wpbdp-field-hoofddoel_2_afbeelding .value br {
  display: none;
}



/*-------------------------------BREEDTE SFEERFOTO--------------------------*/
/* Sfeerfoto: vaste hoogte desktop, responsive mobiel */
.wpbdp-field-sfeerfoto .listing-image {
  width: auto !important;        /* negeer inline width:300px */
  max-width: 100%;
}

/* Desktop en tablet */
.wpbdp-field-sfeerfoto img {
  height: 375px;
  width: auto;
  max-width: 100%;
  object-fit: contain;           /* behoudt verhouding */
  display: block;
}

/* Mobiel: beeld vult schermbreedte */
@media (max-width: 768px) {
  .wpbdp-field-sfeerfoto img {
    width: 100% !important;
    height: auto !important;
  }
}




/*-------------------------------VRIJWILLIGERSVACATURE UITLICHTEN--------------------------*/
/* Highlight "Doe mee als vrijwilliger" */
.wpbdp-field-doe_mee_als_vrijwilliger {
  background: #c9e5f4;          /* lichtblauw uit huisstijl */
  padding: 0.75rem 1rem;
  border-radius: 10px;          /* zelfde gevoel als knoppen */
  margin: 0.75rem 0;            /* beetje ruimte rondom */
}

/* Label iets duidelijker */
.wpbdp-field-doe_mee_als_vrijwilliger .field-label {
  display: block;
  color: #175272;               /* donkerblauw */
  font-weight: 600;
  margin-bottom: 0.25rem;
}

/* Link netjes laten aansluiten */
.wpbdp-field-doe_mee_als_vrijwilliger .value a {
  color: #175272;
  text-decoration: none;
  font-weight: 500;
}

.wpbdp-field-doe_mee_als_vrijwilliger .value a:hover {
  text-decoration: underline;
}