.elementor-7344 .elementor-element.elementor-element-55426e6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-7344 .elementor-element.elementor-element-55426e6:not(.elementor-motion-effects-element-type-background), .elementor-7344 .elementor-element.elementor-element-55426e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#011731;}.elementor-7344 .elementor-element.elementor-element-c64e84e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--border-radius:17px 17px 17px 17px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-7344 .elementor-element.elementor-element-c64e84e:not(.elementor-motion-effects-element-type-background), .elementor-7344 .elementor-element.elementor-element-c64e84e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5245454D;}.elementor-7344 .elementor-element.elementor-element-4ce9ee2{width:var( --container-widget-width, 100.83% );max-width:100.83%;--container-widget-width:100.83%;--container-widget-flex-grow:0;}.elementor-7344 .elementor-element.elementor-element-9e330d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:17px 17px 17px 17px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-7344 .elementor-element.elementor-element-9e330d6:not(.elementor-motion-effects-element-type-background), .elementor-7344 .elementor-element.elementor-element-9e330d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5245454D;}.elementor-7344 .elementor-element.elementor-element-046d100 > .elementor-widget-container{padding:0px 25px 0px 25px;}.elementor-7344 .elementor-element.elementor-element-c6bcfd8{--display:flex;--padding-top:25px;--padding-bottom:25px;--padding-left:180px;--padding-right:180px;}.elementor-7344 .elementor-element.elementor-element-c6bcfd8:not(.elementor-motion-effects-element-type-background), .elementor-7344 .elementor-element.elementor-element-c6bcfd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-7344 .elementor-element.elementor-element-c6d1b61 > .elementor-widget-container{background-color:#FFFFFF;padding:25px 25px 0px 25px;border-radius:17px 17px 17px 17px;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);}.elementor-7344 .elementor-element.elementor-element-d492d97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-6a45951 > .elementor-widget-container{background-color:#F7F7F7;margin:0px 0px 0px 0px;padding:75px 50px 50px 25px;border-radius:17px 17px 17px 17px;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);}.elementor-7344 .elementor-element.elementor-element-3cd285f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-7344 .elementor-element.elementor-element-d73487b > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-8849b7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7344 .elementor-element.elementor-element-be0616e{background-color:#F7F7F7;padding:35px 35px 35px 35px;border-radius:17px 17px 17px 17px;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);color:#011731;font-family:"Raleway", Sans-serif;font-weight:400;}.elementor-7344 .elementor-element.elementor-element-31ab131{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-338df78 > .elementor-widget-container{background-color:#F7F7F7;margin:5px 0px 0px 0px;padding:1px 25px 50px 25px;border-radius:17px 17px 17px 17px;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);}.elementor-7344 .elementor-element.elementor-element-9ed211e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-4ff929d > .elementor-widget-container{margin:5px 0px -35px 0px;padding:0px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-cdcdecb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-0eff9fd > .elementor-widget-container{background-color:#F7F7F7;margin:6px 0px 0px 0px;padding:0px 25px 25px 25px;border-radius:17px 17px 17px 17px;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);}.elementor-7344 .elementor-element.elementor-element-4bdaa78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-b06179c > .elementor-widget-container{margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-a710cba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-8fdd32a > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-4ba21d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-e2417a5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:17px 17px 17px 17px;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);}.elementor-7344 .elementor-element.elementor-element-2e57ddb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-acba31d{--display:flex;--border-radius:17px 17px 17px 17px;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-acba31d:not(.elementor-motion-effects-element-type-background), .elementor-7344 .elementor-element.elementor-element-acba31d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7344 .elementor-element.elementor-element-3fc1ae8{padding:0px 0px 25px 0px;}.elementor-7344 .elementor-element.elementor-element-3fc1ae8 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:27px;font-weight:900;color:#011731;}.elementor-7344 .elementor-element.elementor-element-adaa3ca{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}@media(min-width:768px){.elementor-7344 .elementor-element.elementor-element-c64e84e{--width:70%;}.elementor-7344 .elementor-element.elementor-element-9e330d6{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7344 .elementor-element.elementor-element-c64e84e{--width:700px;}.elementor-7344 .elementor-element.elementor-element-9e330d6{--width:700px;}}@media(min-width:2400px){.elementor-7344 .elementor-element.elementor-element-55426e6{--padding-top:0px;--padding-bottom:0px;--padding-left:500px;--padding-right:500px;}.elementor-7344 .elementor-element.elementor-element-4ce9ee2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-c6bcfd8{--padding-top:25px;--padding-bottom:25px;--padding-left:500px;--padding-right:500px;}.elementor-7344 .elementor-element.elementor-element-d492d97{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-3cd285f{--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-7344 .elementor-element.elementor-element-d73487b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-8849b7b{--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-31ab131{--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-9ed211e{--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-cdcdecb{--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-4bdaa78{--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-a710cba{--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-4ba21d3{--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-2e57ddb{--padding-top:15px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px){.elementor-7344 .elementor-element.elementor-element-55426e6{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-7344 .elementor-element.elementor-element-c64e84e{--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-4ce9ee2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-9e330d6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7344 .elementor-element.elementor-element-b942444 > .elementor-widget-container{margin:-25px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-046d100 > .elementor-widget-container{padding:0px 25px 10px 25px;}.elementor-7344 .elementor-element.elementor-element-c6bcfd8{--padding-top:25px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-7344 .elementor-element.elementor-element-d492d97{--padding-top:50px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-6a45951 > .elementor-widget-container{margin:5px 0px 0px 0px;padding:50px 25px 50px 25px;}.elementor-7344 .elementor-element.elementor-element-3cd285f{--padding-top:25px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-8849b7b{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-be0616e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7344 .elementor-element.elementor-element-31ab131{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-338df78 > .elementor-widget-container{padding:1px 25px 50px 25px;}.elementor-7344 .elementor-element.elementor-element-9ed211e{--padding-top:25px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-4ff929d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-cdcdecb{--padding-top:10px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-4bdaa78{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-a710cba{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-4ba21d3{--padding-top:25px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-e2417a5 > .elementor-widget-container{border-radius:17px 17px 17px 17px;}.elementor-7344 .elementor-element.elementor-element-2e57ddb{--padding-top:25px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;} .elementor-7344 .elementor-element.elementor-element-adaa3ca{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){.elementor-7344 .elementor-element.elementor-element-c64e84e{--margin-top:25px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-4ce9ee2 > .elementor-widget-container{padding:0px 50px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-9e330d6{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7344 .elementor-element.elementor-element-b942444 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-c6bcfd8{--padding-top:25px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-7344 .elementor-element.elementor-element-c6d1b61 > .elementor-widget-container{padding:20px 15px 0px 15px;}.elementor-7344 .elementor-element.elementor-element-d492d97{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-6a45951 > .elementor-widget-container{padding:50px 15px 50px 15px;}.elementor-7344 .elementor-element.elementor-element-3cd285f{--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-8849b7b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-be0616e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 20px 20px 20px;border-radius:17px 17px 17px 17px;}.elementor-7344 .elementor-element.elementor-element-31ab131{--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-9ed211e{--padding-top:25px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-cdcdecb{--padding-top:10px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-0eff9fd > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-7344 .elementor-element.elementor-element-4bdaa78{--padding-top:25px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-a710cba{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:150px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-4ba21d3{--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-7344 .elementor-element.elementor-element-e2417a5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-2e57ddb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;} .elementor-7344 .elementor-element.elementor-element-adaa3ca{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for listeo-listing-title, class: .elementor-element-4ce9ee2 *//* =======================================================
   1. HET LOGOVAKJE (Aangepast voor brede logo's)
   ====================================================== */
.listing-logo {
  width: auto;             /* Flexibele breedte: groeit mee met een breed logo */
  min-width: 150px;        /* Nooit smaller dan 150px (voor vierkante/ronde logo's) */
  max-width: 300px;        /* Maximale breedte op desktop zodat het niet té dominant wordt */
  height: 150px;           /* Vaste hoogte, blijft strak in de titelbalk lijn */
  background-color: #FFF;
  margin-right: 20px;
  margin-left: 20px;
  padding: 10px;           /* Iets meer ademruimte rondom het logo */
  border-radius: 17px;
  border: 3px solid #A99567;
  
  /* Zorgt voor perfecte centrering binnen de flexibele container */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* =======================================================
   2. EXTRA DIRECTE FIX VOOR HET BREDE LOGO (De afbeelding zelf)
   ======================================================= */
.listing-logo img,
.listing-logo img[src] {
  max-width: 100% !important;  /* Dwingt het logo binnen de breedte van het vak */
  max-height: 100% !important; /* Dwingt het logo binnen de hoogte van het vak */
  width: auto !important;      /* Voorkomt dat een breed logo horizontaal wordt uitgerekt */
  height: auto !important;     /* Voorkomt verticaal uitrekken */
  object-fit: contain !important; /* Garandeert dat het hele logo zichtbaar blijft zonder vervorming */
  display: block;
}

/* =======================================================
   3. JOUW ORIGINELE TITEL EN RATING CSS (Ongewijzigd)
   ======================================================= */
#titlebar.listing-titlebar span a, 
#titlebar.listing-titlebar span {
  font-size: 15px;
  color: #fff;
  margin-left: 0px;
  padding-right: 1px;
  padding-left: 5px;
}

#titlebar.listing-titlebar h1, 
#titlebar.listing-titlebar h2 {
  font-size: 27px;
  line-height: 56px;
  color: #FFBD20;
  padding-left: 10px;
  padding-right: 5px;
  margin-top: -20px;
  font-weight: bolder;
}

#titlebar.listing-titlebar .star-rating {
    display: inline-block;
    background: #FFBD2012;
    border-radius: 7px;
    margin-top: 10px;
    margin-left: 10px;
}

#titlebar.listing-titlebar .star-rating .rating-counter a strong {
  color: #FFF;
  padding-right: 5px;
}

/* =======================================================
   4. TABLET OPTIMALISATIE VOOR LOCATIEGEGEVENS
   ======================================================= */
@media (min-width: 768px) and (max-width: 1024px) {
  
  /* Geeft de gehele inhoud van de titelbalk ademruimte vanaf de schermranden */
  #titlebar.listing-titlebar .row,
  #titlebar.listing-titlebar .listing-titlebar-title {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  /* Zorgt dat de specifieke locatietekst (en links) niet tegen de rand plakken */
  #titlebar.listing-titlebar span,
  #titlebar.listing-titlebar span a {
    display: inline-block !important;
    margin-left: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  
  /* Voorkomt dat het logo te dicht op de boven- of zijkant wordt gedrukt */
  .listing-logo {
    margin-left: 20px !important;
  }
}/* End custom CSS */
/* Start custom CSS for listeo-listing-bookmarks, class: .elementor-element-b942444 */.like-button-notlogged, .like-button {
    font-weight: 600;
    font-size: 17px;
    background-color: #FFFFFF;
    border: 3px solid #A99567;
    border-radius: 17px;
    padding: 15px;
    line-height: 24px;
    margin-bottom: 15px;
    display: inline-block;
}

/* =======================================================
   6. OPTIMALISATIE VOOR DE FAVORIETEN-TELLER (MOBIEL & DESKTOP)
   ======================================================= */
#bookmarks-counter {
    display: block !important;
    text-align: center !important;     /* Dwingt de tekst om op elk scherm perfect te centreren */
    color: #FFFFFF !important;         /* Behoudt jouw perfect leesbare witte tekstkleur */
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    
    /* Ruimte en padding rondom de tekst */
    margin-top: 10px !important;
    margin-bottom: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;     /* Extra buffer aan de linkerkant tegen de mobiele rand */
    padding-right: 20px !important;    /* Extra buffer aan de rechterkant tegen de mobiele rand */
    
    width: 100% !important;            /* Benut de volledige breedte voor een perfecte centrering */
    box-sizing: border-box !important;
}

.bookmark-btn-title {
  font-weight: 600;
  font-size:14px;
  color:#011731;
}

/* =======================================================
   5. GEÏSOLEERDE TABLET REPARATIE VOOR DE FAVORIETENKNOP
   ======================================================= */
@media (min-width: 768px) and (max-width: 1024px) {
  
  /* 1. Dwing alleen de tekst van de favorietenknop om zichtbaar te worden */
  .like-button-notlogged .bookmark-btn-title,
  .like-button .bookmark-btn-title {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    vertical-align: middle !important; /* Lijn de tekst netjes uit in het midden */
  }

  /* 2. Zorg dat de favorietenknop zelf breed genoeg mag worden voor de tekst */
  .like-button-notlogged {
    display: inline-flex !important; 
    align-items: center !important; /* Dwingt verticale centrering van de inhoud */
    justify-content: center !important;
    width: auto !important; 
    padding: 12px 20px !important; 
  }

  /* 3. Perfecte centrering en extra padding aan de rechterkant van het hartje */
  .like-button-notlogged .like-icon,
  .like-button .like-icon {
    float: none !important;
    display: inline-block !important;
    margin-right: 14px !important; /* Geeft extra ademruimte tussen hartje en tekst */
    position: relative !important;
    top: 2px !important; /* Trekt het hartje handmatig exact naar de verticale middellijn */
    bottom: auto !important;
    line-height: 1 !important; /* Reset de oude Listeo line-height die de centrering blokkeerde */
  }
}/* End custom CSS */
/* Start custom CSS for listeo-listing-verified-badge, class: .elementor-element-046d100 */.verified-badge {
  background-color: #A99567;
  border-radius: 7px;
  color: #FFFF;
  text-align: center;
  padding: 17px;
  font-size: 17px;
  font-weight: bolder;
  display: block;
  margin-bottom: 1px;
  margin-top:1px;
  border:solid 1px #fff;
}

/* 1. Verberg het huidige vinkje-icoon binnen de listing badges */
body .verified-badge i.sl-icon-check,
body .verified-listing i.sl-icon-check,
body .listing-features i.sl-icon-check {
    display: none;
}

/* 2. Plaats de originele diamant terug, maak deze groter en geef een eigen kleur */
body .verified-badge::before,
body .verified-listing::before {
    content: "\e043"; 
    font-family: 'simple-line-icons';
    font-size: 34px; /* Pas dit getal aan voor de grootte */
    color: #947120;  /* Jouw gekozen kleurcode */
    margin-right: 8px; 
    display: inline-block;
    vertical-align: middle;
}

/* Verbergt de 'Niet geverifieerd / Premium maken' verkoopknop volledig van de website */
.elementor-7344 .elementor-element.elementor-element-046d100 .claim-badge,
.elementor-7344 .elementor-element.elementor-element-046d100 div.claim-badge,
.claim-badge {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for listeo-listing-socials, class: .elementor-element-6a45951 *//* =======================================================
   1. REGULIERE & GROTE SCHERMEN (LAPTOP / DESKTOP)
   ======================================================= */
@media (min-width: 992px) {
    /* Zet de contactknoppen strak NAAST elkaar op grote schermen */
    .elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links.contact-links {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 15px !important;
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 50px !important;
        list-style: none !important;
    }

    .elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links.contact-links li {
        flex: 1 !important;
        width: auto !important;
        margin: 0 !important;
    }

    /* Social media knoppen staan op laptop gezellig NAAST elkaar */
    .elementor-7344 .elementor-element.elementor-element-6a45951 ul.social-icons, .elementor-7344 .elementor-element.elementor-element-6a45951 .social-icons, .elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links:not(.contact-links) {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 25px !important;
    }
    .elementor-7344 .elementor-element.elementor-element-6a45951 ul.social-icons li, .elementor-7344 .elementor-element.elementor-element-6a45951 .social-icons li, .elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links:not(.contact-links) li {
        width: auto !important;
    }
}

/* =======================================================
   2. MOBIEL & TABLET (SCHERMEN TOT 991PX BREED)
   ======================================================= */
@media (max-width: 991px) {
    /* Zet de contactknoppen onder elkaar op mobiel/tablet */
    .elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links.contact-links {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 30px !important;
        list-style: none !important;
    }

    .elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links.contact-links li {
        width: 100% !important;
        margin: 0 !important;
    }

    /* We dwingen de SOCIAL MEDIA knoppen op mobiel en tablet OOK onder elkaar */
    .elementor-7344 .elementor-element.elementor-element-6a45951 ul.social-icons, .elementor-7344 .elementor-element.elementor-element-6a45951 .social-icons, .elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links:not(.contact-links) {
        display: flex !important;
        flex-direction: column !important;
        gap: 25px !important;
        width: 100% !important;
        padding: 0 !important;
        list-style: none !important;
    }
    .elementor-7344 .elementor-element.elementor-element-6a45951 ul.social-icons li, .elementor-7344 .elementor-element.elementor-element-6a45951 .social-icons li, .elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links:not(.contact-links) li {
        width: 100% !important;
        margin: 0 !important;
    }
}

/* =======================================================
   3. DE CONTACTBUTTONS STYLING (LINKS UITGELIJND BLIJVING)
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links.contact-links li a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; 
    text-align: left !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease-in-out !important;
    border: 2px solid transparent !important;
    text-decoration: none !important;
    
    /* VORM & PADDING VAN DE BUTTON */
    border-radius: 17px !important;        
    padding: 20px 15px !important;         
    
    /* HUISSTYLING KLEUREN (RUSTSTAND) */
    background: #A99567 !important;        /* PAS HIER JOUW STANDAARD CONTACT-ACHTERGROND AAN */
    color: #011731 !important;             /* PAS HIER JOUW STANDAARD CONTACT-TEKSTKLEUR AAN */
    font-size: 17px !important;            
    font-weight: 700 !important;
}

/* CONTACTBUTTONS HOVER STAAT */
.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links.contact-links li a:hover {
    background: #011731 !important;        /* PAS HIER JOUW CONTACT-HOVER-ACHTERGRONDKLEUR AAN */
    color: #FFFFFF !important;             /* PAS HIER JOUW CONTACT-HOVER-TEKSTKLEUR AAN */
    border-color: #A99567 !important;
}

/* =======================================================
   3.1 HET ICOONTJE IN DE CONTACTBUTTON (MET 16PX RUIMTE)
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links.contact-links li a::before {
    content: none !important; 
}

.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links.contact-links li a i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important; 
    
    /* MINIMAAL 16PX RUIMTE VANAF ICOON TOT TEKST */
    margin: 0px 5px 0px 5px !important; 
    
    /* DE CIRKEL ACHTERGROND VAN HET ICOON */
    width: 46px !important;                
    height: 46px !important;               
    border-radius: 50% !important;         
    background-color: rgba(255, 255, 255, 0.25) !important; 
    
    /* AFMETING VAN HET ICOONTJE ZELF */
    font-size: 24px !important;            
    color: #011731 !important;             
}

.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links.contact-links li a:hover i {
    background-color: rgba(255, 255, 255, 0.4) !important;
    color: #FFFFFF !important;
}

.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links.contact-links li a::after {
    content: none !important;
}

/* =======================================================
   4. DE SOCIAL MEDIA BUTTONS (PERFECT GECENTREERD)
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-6a45951 ul.social-icons li a,
.elementor-7344 .elementor-element.elementor-element-6a45951 .social-icons li a,
.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links:not(.contact-links) li a {
    display: inline-flex !important;
    align-items: center !important;
    
    /* VERPLICHT: Icoontje + Tekst perfect in het midden van de button */
    justify-content: center !important; 
    text-align: center !important;
    
    box-sizing: border-box !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    float: none !important;
    width: 100% !important; /* Zorgt dat ze op mobiel/tablet de volle breedte pakken */
    
    /* AFMETINGEN & VORM VAN JOUW SOCIAL BUTTONS */
    padding: 12px 25px !important;         
    border-radius: 7px !important;        
    
    /* JOUW SOCIALE STANDAARD / ACTIEVE KLEUR (RUSTSTAND) */
    background: #011731 !important;        /* PAS HIER DE ACTIEVE SOCIAL-ACHTERGRONDKLEUR AAN (Staat nu op donkerblauw) */
    color: #FFFFFF !important;             /* PAS HIER DE SOCIAL-TEKST/ICOONKLEUR AAN (Staat nu op Wit) */
    font-size: 12px !important;
    font-weight: 600 !important;
    border: none !important;
}

/* Zorgt dat op grotere schermen de socials GEEN 100% breedte claimen */
@media (min-width: 992px) {
    .elementor-7344 .elementor-element.elementor-element-6a45951 ul.social-icons li a, .elementor-7344 .elementor-element.elementor-element-6a45951 .social-icons li a, .elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links:not(.contact-links) li a {
        width: auto !important;
    }
}

/* HET ICOONTJE IN DE SOCIAL BUTTONS */
.elementor-7344 .elementor-element.elementor-element-6a45951 ul.social-icons li a i,
.elementor-7344 .elementor-element.elementor-element-6a45951 .social-icons li a i,
.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links:not(.contact-links) li a i {
    font-size: 24px !important;            
    margin-right: 15px !important;         /* Ruimte tussen het social icoon en de tekst */
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: inherit !important;             
}

/* Uniforme hover stand voor álle social buttons */
.elementor-7344 .elementor-element.elementor-element-6a45951 ul.social-icons li a:hover,
.elementor-7344 .elementor-element.elementor-element-6a45951 .social-icons li a:hover,
.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links:not(.contact-links) li a:hover {
    background: #A99567 !important;        /* PAS HIER DE SOCIAL-HOVER-ACHTERGRONDKLEUR AAN (Staat nu op Geel) */
    color: #011731 !important;             /* PAS HIER DE SOCIAL-HOVER-TEKST/ICOONKLEUR AAN (Staat nu op Donkerblauw) */
    transform: translateY(-2px) !important;
}

/* =======================================================
   5. SPECIFIEKE FIX: VERVANG 'SHARE' DOOR 'X (TWITTER)'
   ======================================================= */
/* 1. Maak de originele tekst 'Share' onzichtbaar binnen de Twitter-link */
.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links li a.listing-links-tt {
    font-size: 0 !important;
}

/* 2. Zorg dat het X-icoontje wel zijn normale grote formaat behoudt */
.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links li a.listing-links-tt i {
    font-size: 24px !important;
    margin-right: 15px !important;
}

/* 3. Plaats de nieuwe tekst 'X (Twitter)' op de plek van de oude tekst */
.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links li a.listing-links-tt::after {
    content: "X (Twitter)" !important;
    font-size: 12px !important; /* Gelijk aan jouw andere social buttons */
    font-weight: 600 !important;
    color: #FFFFFF !important;
}

/* 4. Zorg dat de tekstkleur tijdens de hover netjes verandert naar donkerblauw */
.elementor-7344 .elementor-element.elementor-element-6a45951 .listing-links li a.listing-links-tt:hover::after {
    color: #011731 !important;
}/* End custom CSS */
/* Start custom CSS for listeo-listing-custom-fields, class: .elementor-element-d73487b *//* =======================================================
   1. DE HOOFDCONTAINER (Jouw eigen basisstijl)
   ======================================================= */
.listing-details {
  background: #F7F7F7;
  border-radius: 17px;
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
  padding: 50px 50px 5px 25px;
}

/* =======================================================
   2. NIEUW: RUIMTE AAN DE ONDERKANT TUSSEN DE VELDEN
   ======================================================= */
.listing-details li {
  margin-bottom: 25px; /* PAS HIER DE RUIMTE TUSSEN DE VELDEN AAN (bijv. 15px of 20px) */
  list-style: none;    /* Zorgt dat er geen rare standaard lijststippen verschijnen */
}

/* Haalt de marge bij het allerlaatste veld weg, voor een strakke uitlijning onderin */
.listing-details li:last-child {
  margin-bottom: 0;
}

/* =======================================================
   3. DE TITELS (Bijv: Locatiegegevens, Bankrekening, etc.)
   ======================================================= */
.listing-details li span {
  font-weight: 600;
  display: block;
  line-height: 24px;
  margin-bottom: 7px;  /* Optioneel: een heel klein beetje ruimte tussen titel en waarde */
  
  color: #011731;      /* PAS HIER DE KLEUR VAN DE VELD-TITELS AAN */
}

/* =======================================================
   4. DE INGEVULDE WAARDES (Bijv: Straatnaam, IBAN, etc.)
   ======================================================= */
.listing-details li div {
  font-weight: 500;
  display: block;
  line-height: 24px;
  
  color: #777777;      /* PAS HIER DE KLEUR VAN DE INGEVULDE GEGEVENS AAN */
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-be0616e *//* Zorgt ervoor dat de tekst de lettergrootte aanneemt die jij wilt */
.elementor-7344 .elementor-element.elementor-element-be0616e .listing-desc-text p,
.elementor-7344 .elementor-element.elementor-element-be0616e p {
    font-size: 18px !important; /* PAS HIER DE GEWENSTE LETTERGROOTTE AAN (bijv. 15px of 16px) */
}/* End custom CSS */
/* Start custom CSS for listeo-listing-taxonomy-checkboxes, class: .elementor-element-338df78 *//* =======================================================
   1. DE ALGEMENE CONTAINER (De flex-grid reset)
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-338df78 .listing-features.checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Ruimte tussen de buttons */
    padding: 0;
    margin: 0;
    width: 100%;
}

/* =======================================================
   2. ELK INDIVIDUEEL ITEM OMTOVEREN TOT STRAKKE BUTTON
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-338df78 .listing-features.checkboxes li {
    /* Reset de 33% breedte zodat ze flexibel als losse buttons krimpen/groeien naar de tekstlengte */
    width: auto;
    flex-grow: 0;
    
    /* Vorm, Afronding en Grootte van de button */
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-radius: 7px; /* PAS HIER JOUW GEWENSTE HOEKEN AAN */
    
    padding: 15px 25px 15px 50px; /* Extra padding aan de linkerkant (42px) om ruimte te maken voor het SVG-icoontje */
    margin: 0; /* Reset de Listeo marges */
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: #c7c7c7 0px 0px 1px 1px;
    /* Subtiel randje rondom de button */
    transition: all 0.25s ease;
    
    /* Jouw custom basiskleuren */
    background: #f7f7f7; /* PAS HIER JOUW STANDAARD BUTTON-ACHTERGROND AAN */
    color: #011731;      /* PAS HIER JOUW STANDAARD BUTTON-TEKSTKLEUR AAN */
}

/* Zorgt dat eventuele links of spans binnen de button de tekstkleur perfect volgen */
.elementor-7344 .elementor-element.elementor-element-338df78 .listing-features.checkboxes li a,
.elementor-7344 .elementor-element.elementor-element-338df78 .listing-features.checkboxes li span {
    color: inherit;
    background: none;
    border: none;
    padding: 0;
    display: inline;
}

/* =======================================================
   3. HET SVG-ICOONTJE PERFECT BINNEN DE BUTTON UITLIJNEN
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-338df78 li.feature-has-icon span.feature-svg-icon {
    width: 20px;
    height: 100%;
    position: absolute;
    left: 14px; /* Zet het icoontje netjes strak aan de binnenkant van de linker rand */
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Forceer dat de SVG-kleur meeverandert met de tekstkleur */
.elementor-7344 .elementor-element.elementor-element-338df78 li.feature-has-icon span.feature-svg-icon svg {
    fill: currentColor; 
    stroke: currentColor;
    max-width: 100%;
    max-height: 100%;
}

/* =======================================================
   4. HOVER STYLING (Als je over de categorie heen beweegt)
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-338df78 .listing-features.checkboxes li:hover {
    background: #011731; /* PAS HIER JOUW HOVER-ACHTERGRONDKLEUR AAN */
    color: #DF0000;      /* PAS HIER JOUW HOVER-TEKSTKLEUR AAN (De SVG verandert automatisch mee naar wit!) */
    transform: translateY(-1px); /* Subtiel zweef-effect */
}

/* Definitieve overwinning op Listeo's rood bij hoveren en klikken */
.elementor-7344 .elementor-element.elementor-element-338df78 .listing-features.checkboxes li:hover a,
.elementor-7344 .elementor-element.elementor-element-338df78 .listing-features.checkboxes li a:active,
.elementor-7344 .elementor-element.elementor-element-338df78 .listing-features.checkboxes li a:focus,
.elementor-7344 .elementor-element.elementor-element-338df78 .listing-features.checkboxes li a:visited {
    color: #ffffff !important;
    font-weight:bold;
    /* Dwingt de tekst om ALTIJD wit te blijven bij hover en klik */
}/* End custom CSS */
/* Start custom CSS for listeo-listing-sidebar, class: .elementor-element-4ff929d *//* =======================================================
   1. DE HOOFDCONTAINER (Achtergrond & Vorm)
   ======================================================= */
.opening-hours,
.elementor-7344 .elementor-element.elementor-element-4ff929d .opening-hours {
    background: #F7F7F7;       
    border-radius: 17px;       
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
    padding: 50px;
    padding-bottom:15px;
}

/* =======================================================
   2. DE DAGEN EN TIJDEN (In ruststand)
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-4ff929d ul.opening-hours-list li,
.elementor-7344 .elementor-element.elementor-element-4ff929d .opening-hours ul li {
    display: flex;
    justify-content: space-between; 
    align-items: center;
    padding: 20px 15px;        
    margin: 0 5px;           
    border-bottom: 1px solid #e0e0e0; 
    
    color: #011731;            
    transition: all 0.2s ease-in-out; 
}

.elementor-7344 .elementor-element.elementor-element-4ff929d ul.opening-hours-list li:last-child,
.elementor-7344 .elementor-element.elementor-element-4ff929d .opening-hours ul li:last-child {
    border-bottom: none;
}

.elementor-7344 .elementor-element.elementor-element-4ff929d ul.opening-hours-list li .day-name,
.elementor-7344 .elementor-element.elementor-element-4ff929d .opening-hours ul li strong {
    font-weight: 600;
    color: #011731;            
}

/* =======================================================
   3. HET OPLICHTEN VAN DE DAGEN (Hover-effect)
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-4ff929d ul.opening-hours-list li:hover,
.elementor-7344 .elementor-element.elementor-element-4ff929d .opening-hours ul li:hover {
    background-color: #eaeaea; 
    cursor: default;           
}

.elementor-7344 .elementor-element.elementor-element-4ff929d ul.opening-hours-list li:hover *,
.elementor-7344 .elementor-element.elementor-element-4ff929d .opening-hours ul li:hover * {
    color: #011731;
    font-weight: bold;
}

/* =======================================================
   3.2 NIEUW: STYLING VOOR DE ACTIEVE DAG (VANDAAG)
   ======================================================= */
/* Deze styling wordt door het JavaScript automatisch geactiveerd */
.elementor-7344 .elementor-element.elementor-element-4ff929d ul.opening-hours-list li.is-vandaag,
.elementor-7344 .elementor-element.elementor-element-4ff929d .opening-hours ul li.is-vandaag {
    background-color: #beaf8d7d !important; /* Zachte, warme highlight achtergrond voor de huidige dag */
    border-left: 5px solid #FFBD20;       /* Geeft een mooie gele indicatiestrip aan de linkerkant */
    padding-left: 11px;                   /* Compenseert de dikte van de gele strip */
}

/* Forceert dat de teksten van de huidige dag direct op 'actief' springen */
.elementor-7344 .elementor-element.elementor-element-4ff929d ul.opening-hours-list li.is-vandaag *,
.elementor-7344 .elementor-element.elementor-element-4ff929d .opening-hours ul li.is-vandaag * {
    color: #A99567 !important;            /* Zet de tekstkleur van vandaag op rood */
    font-weight: bold !important;
    font-size:17px  !important;         /* Maakt alle letters van vandaag dikgedrukt */
}

/* =======================================================
   4. DE STATUS BADGES (Nu open / Nu gesloten)
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-4ff929d .opening-status,
.elementor-7344 .elementor-element.elementor-element-4ff929d .now-open,
.elementor-7344 .elementor-element.elementor-element-4ff929d .now-closed {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 17px;       
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase; 
}

.elementor-7344 .elementor-element.elementor-element-4ff929d .now-open,
.elementor-7344 .elementor-element.elementor-element-4ff929d .open-status.status-open {
    background-color: #8cc53f !important; 
    color: #ffffff !important;
}

.elementor-7344 .elementor-element.elementor-element-4ff929d .now-closed,
.elementor-7344 .elementor-element.elementor-element-4ff929d .open-status.status-closed {
    background-color: #DF0000 !important; 
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for listeo-listing-faq, class: .elementor-element-0eff9fd *//* =======================================================
   1. DE ALGEMENE ACCORDEON CONTAINER RESET
   ======================================================= */
/* Haalt het grote, strakke Listeo-kader rondom de hele widget weg */
.elementor-7344 .elementor-element.elementor-element-0eff9fd .listing-section .ui-accordion,
.elementor-7344 .elementor-element.elementor-element-0eff9fd .ui-accordion {
    border: none;
    background: transparent;
}

/* =======================================================
   2. JOUW STYLING VAN DE VRAAG (Dicht / Ruststand)
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-0eff9fd .ui-accordion .ui-accordion-header {
    display: block;
    border: 1px solid #c7c7c7;

    
    /* Vorm en Afronding van de balk */
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-radius: 7px;        /* PAS HIER JOUW GEWENSTE HOEKEN AAN */
    
    padding: 16px 27px;        /* De grootte van de balk */
    margin: 0 0 21px 0;        /* PAS HIER DE RUIMTE TUSSEN DE VRAGEN AAN (staat nu op 12px) */
    outline: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    transition: all 0.25s ease;
    
    /* JOUW CUSTOM BASISKLEUREN VAN DE VRAAG */
    background-color: #FFFFFF; /* PAS HIER DE STANDAARD ACHTERGRONDKLEUR AAN (bijv. #f7f7f7 of #fff) */
    color: #011731;            /* PAS HIER DE STANDAARD TEKSTKLEUR AAN */
}

/* Forceert dat de eerste knop niet zijn rand verliest door Listeo */
.elementor-7344 .elementor-element.elementor-element-0eff9fd .listing-section .ui-accordion-header:first-child {
    border: 1px solid #c7c7c7;
}

/* Zorgt dat het icoontje (pijltje) perfect gecentreerd blijft aan de rechterkant */
.elementor-7344 .elementor-element.elementor-element-0eff9fd .ui-accordion .ui-accordion-header i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    margin: 0;
    color: inherit;            /* Icoontje volgt altijd perfect de tekstkleur */
}

/* =======================================================
   3. JOUW STYLING BIJ HOVER EN WANNEER OPENGEKLAPT (Actief)
   ======================================================= */

/* Als je over de vraag heen beweegt met de muis, of als de vraag openstaat */
.elementor-7344 .elementor-element.elementor-element-0eff9fd .ui-accordion .ui-accordion-header:hover,
.elementor-7344 .elementor-element.elementor-element-0eff9fd .ui-accordion .ui-accordion-header-active,
.elementor-7344 .elementor-element.elementor-element-0eff9fd .listing-section .ui-accordion .ui-accordion-header-active {
    background-color: #011731; /* PAS HIER DE ACHTERGRONDKLEUR BIJ HOVER/OPEN AAN (bijv. zwart of rood) */
    color: #ffffff;            /* PAS HIER DE TEKSTKLEUR BIJ HOVER/OPEN AAN (wit) */
    border-color: #333333;
}

/* =======================================================
   4. JOUW STYLING VAN HET ANTWOORD-VAK (Wanneer open)
   ======================================================= */
/* Richt zich op de content-div die onder de geopende vraag verschijnt */
.elementor-7344 .elementor-element.elementor-element-0eff9fd .ui-accordion .ui-accordion-content {
    padding: 20px 27px;        /* Ruimte binnen het geopende antwoordveld */
    font-size: 14px;
    line-height: 1.6;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin: -13px 0 15px 0;    /* Sluit naadloos aan op de vraag en creëert ruimte naar de volgende knop */
    
    /* Vormt de onderkant van het antwoordvak mooi mee met de ronde hoeken */
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    
    background-color: #ffffff; /* PAS HIER DE ACHTERGRONDKLEUR VAN HET ANTWOORD AAN */
    color: #011731;            /* PAS HIER DE TEKSTKLEUR VAN HET ANTWOORD AAN */
}/* End custom CSS */
/* Start custom CSS for listeo-listing-map, class: .elementor-element-b06179c *//* =======================================================
   1. HET COMPLETE PANEL (De achtergrond zoals je andere widgets)
   ======================================================= */
/* Hier maken we een mooi grijs paneel van de hoofdcontainer, net als bij de details */
.elementor-7344 .elementor-element.elementor-element-b06179c #singleListingMap-container,
.elementor-7344 .elementor-element.elementor-element-b06179c .listing-map-container {
    background: #F7F7F7;       /* DE ALGEMENE WIDGET ACHTERGRONDKLEUR */
    border-radius: 17px;       /* Prachtige ronde hoeken rondom het complete paneel */
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); /* De bekende subtiele schaduw */
    
    /* DE RUIMTE EN FIX: We geven rondom 20px padding, maar zetten de bovenkant 
       op 15px om die 5px-fout van Listeo exact te neutraliseren! */
    padding: 15px 20px 20px 20px; 
    
    margin-bottom: 25px;       /* Ruimte onder de complete widget */
    border: none;
    display: block;
}

/* =======================================================
   2. JOUW ACTUAL MAP (De kaart die er nu veilig in zweeft)
   ======================================================= */
/* Richt zich specifiek op de interactieve kaartlaag binnen het paneel */
.elementor-7344 .elementor-element.elementor-element-b06179c #singleListingMap,
.elementor-7344 .elementor-element.elementor-element-b06179c #listingMap {
    border-radius: 12px;       /* Iets strakkere hoeken voor de kaart zelf zodat het mooi binnen het paneel past */
    overflow: hidden;          /* Snijdt de scherpe hoeken van de Google/Leaflet map perfect rond af */
    border: 1px solid #e0e0e0;  /* Subtiel randje rondom de kaart */
    
    height: 380px;             /* PAS HIER JOUW GEWENSTE KAARTHOOGTE OP DESKTOP AAN */
}

/* Forceert dat de interactieve kaartlagen (Google of Leaflet) de afronding respecteren */
.elementor-7344 .elementor-element.elementor-element-b06179c .gm-style, 
.elementor-7344 .elementor-element.elementor-element-b06179c .leaflet-container {
    border-radius: 12px;
}

/* =======================================================
   3. RESPONSIVE HOOGTE (Comfortabel scrollen op Mobiel)
   ======================================================= */
@media (max-width: 767px) {
    .elementor-7344 .elementor-element.elementor-element-b06179c #singleListingMap,
    .elementor-7344 .elementor-element.elementor-element-b06179c #listingMap {
        height: 250px;         /* PAS HIER JOUW GEWENSTE KAARTHOOGTE OP MOBIEL AAN */
    }
}

/* =======================================================
   4. DE INTERACTIEVE KNOPPEN OP DE KAART CORRIGEREN
   ======================================================= */

/* Schuift de routeplannerknop perfect mee naar binnen */
.elementor-7344 .elementor-element.elementor-element-b06179c #getDirection {
    left: 35px !important; /* Verhoogd van 20px naar 35px om de padding te compenseren */
}

/* Schuift alle overige knoppen mee naar binnen en voorkomt uitrekken */
.elementor-7344 .elementor-element.elementor-element-b06179c #getDirection, 
.elementor-7344 .elementor-element.elementor-element-b06179c #streetView, 
.elementor-7344 .elementor-element.elementor-element-b06179c #geoLocation, 
.elementor-7344 .elementor-element.elementor-element-b06179c #scrollEnabling {
    top: 30px !important;  /* Verhoogd van 25px naar 30px om de bovenkant te compenseren */
    right: 35px;           /* Mocht er een knop rechts staan, schuift deze ook op */
    
    /* DE FIX: Zorgt dat de knoppen NOOIT over de hele breedte kunnen uitrekken */
    width: max-content !important; 
    display: inline-block !important;
}/* End custom CSS */
/* Start custom CSS for listeo-listing-video, class: .elementor-element-8fdd32a *//* =======================================================
   1. HET COMPLETE PANEL (De overkoepelende Listeo sectie)
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-8fdd32a .listing-section,
.elementor-7344 .elementor-element.elementor-element-8fdd32a div.listing-section {
    background: #F7F7F7;       /* DE ALGEMENE WIDGET ACHTERGRONDKLEUR */
    border-radius: 17px;       /* Prachtige ronde hoeken rondom het complete paneel */
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); /* De bekende subtiele schaduw */
    
    padding: 20px;             /* Geeft de video rondom perfect 20px ademruimte */
    margin-bottom: 25px;       /* Ruimte onder de complete widget */
    border: none;
    display: block;
}

/* =======================================================
   2. HET WOORDJE "VIDEO" VERBERGEN & MARGES PLATWALSEN (De Grote Fix!)
   ======================================================= */
/* Hiermee neutraliseren we Listeo's 45px en 60px marges en wissen we de titel */
.elementor-7344 .elementor-element.elementor-element-8fdd32a h3.listing-desc-headline,
.elementor-7344 .elementor-element.elementor-element-8fdd32a .listing-desc-headline,
.elementor-7344 .elementor-element.elementor-element-8fdd32a .listing-section h3 {
    display: none !important;  /* Verwijdert de titel "Video" volledig van het scherm */
    margin-top: 0 !important;   /* Walst de 45px bovenmarge van Listeo volledig plat */
    margin-bottom: 0 !important;/* Walst de 25px ondermarge van Listeo volledig plat */
    padding: 0 !important;
}

/* Heft specifiek de .margin-top-60 klasse op die Listeo aan de widget meegeeft */
.elementor-7344 .elementor-element.elementor-element-8fdd32a.margin-top-60,
.elementor-7344 .elementor-element.elementor-element-8fdd32a .margin-top-60 {
    margin-top: 0 !important;  /* Verwijdert de extra 60px witruimte aan de bovenkant */
}

/* =======================================================
   3. DE RESPONSIVE BIOSCOOP-WRAPPER (De video zelf binnen het paneel)
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-8fdd32a .listing-video,
.elementor-7344 .elementor-element.elementor-element-8fdd32a .video-box {
    position: relative;
    padding-bottom: 56.25%;    /* Dwingt de perfecte 16:9 bioscoop-verhouding af */
    height: 0;
    overflow: hidden;          /* Snijdt de scherpe hoeken van de video speler perfect rond af */
    border-radius: 12px;       /* Iets strakkere hoeken voor de video zelf binnen het paneel */
    border: 1px solid #e0e0e0;  /* Subtiel randje rondom de video */
    margin: 0 !important;      /* Reset alle overige standaard marges van Listeo */
}

/* =======================================================
   4. DE VIDEO SPELER ZELF (YouTube / Vimeo / Iframe)
   ======================================================= */
.elementor-7344 .elementor-element.elementor-element-8fdd32a iframe,
.elementor-7344 .elementor-element.elementor-element-8fdd32a video,
.elementor-7344 .elementor-element.elementor-element-8fdd32a .listing-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
}/* End custom CSS */
/* Start custom CSS for listeo-listing-reviews, class: .elementor-element-e2417a5 */.form-submit .submit {
  border-radius: 7px;
}

/* 1. Maak de GEHELE hoofdcontainer van de widget wit en zet de hoeken rondom vast */
.elementor-7344 .elementor-element.elementor-element-e2417a5,
.elementor-7344 .elementor-element.elementor-element-e2417a5 .elementor-widget-container {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 100% !important;
    overflow: visible !important;
    background: #ffffff !important; 
    border-radius: 4px !important; 
    box-sizing: border-box !important;
}

/* 2. De review-box zelf krijgt een transparante achtergrond (en we corrigeren de witruimte boven de heading) */
.elementor-7344 .elementor-element.elementor-element-e2417a5 #listing-reviews,
.elementor-7344 .elementor-element.elementor-element-e2417a5 .property-reviews,
.elementor-7344 .elementor-element.elementor-element-e2417a5 .add-review-box,
.elementor-7344 .elementor-element.elementor-element-e2417a5 #review,
.elementor-7344 .elementor-element.elementor-element-e2417a5 #add-review {
    padding: 30px 30px 10px 30px !important;
    background: transparent !important; 
    box-sizing: border-box !important;
    float: none !important;
}

/* 3. FIX: Elimineer de hardgecodeerde 75px marge boven de Review-heading */
.elementor-7344 .elementor-element.elementor-element-e2417a5 .margin-top-75,
.elementor-7344 .elementor-element.elementor-element-e2417a5 #listing-reviews.margin-top-75,
.elementor-7344 .elementor-element.elementor-element-e2417a5 .listing-desc-headline {
    margin-top: 0px !important; /* Verwijdert het grote gat aan de bovenkant */
    padding-top: 10px !important; /* Geeft een subtiele, nette ademruimte vanaf de bovenrand */
}

/* 4. De succesmelding losduwen van de zijkanten en onderkant */
.elementor-7344 .elementor-element.elementor-element-e2417a5 .notification,
.elementor-7344 .elementor-element.elementor-element-e2417a5 .notification.notice,
.elementor-7344 .elementor-element.elementor-element-e2417a5 #add-comment-success {
    position: relative !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    width: calc(100% - 60px) !important; 
    margin-left: 30px !important; 
    margin-right: 30px !important; 
    margin-top: 15px !important;
    margin-bottom: 40px !important; 
    box-sizing: border-box !important;
}

/* 5. Zorgt dat de opbouw aan de absolute bovenkant strak blijft liggen */
.elementor-7344 .elementor-element.elementor-element-e2417a5 .add-review-box {
    margin-top: 0px !important; /* Staat nu op 0 omdat we de marge van de heading hierboven al neutraliseren */
    position: relative !important;
    z-index: 2 !important; 
}/* End custom CSS */