.no-results {
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 960px) {
  .objects__archive {
  gap: 30px;
  }
}
@media (min-width: 1240px) {
  .objects__archive {
  gap: 40px;
  }
}
@media (max-width: 959px) {
  .objects__search .card--searchquery {
  display: none;
  }
}
@media (min-width: 960px) {
  .objects__search {
  grid-column: 1 / span 4;
  }
  .objects__results {
  grid-column: 5 / span 8;
  margin-top: 40px;
  }
  .objects__results .card--searchquery {
  display: none;
  }
}
.search-loading .cards--objects {
  filter: blur(2px);
}
.cards--objects {
  gap: 60px 20px;
}
@media (min-width: 760px) {
  .cards--objects {
  gap: 60px 40px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
@media (min-width: 1200px) {
  .cards--objects {
  gap: 80px 77px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
.cards--objects.flickity-enabled .card {
  width: 300px;
}
@media (min-width: 960px) {
  .cards--objects.flickity-enabled .card {
  width: 400px;
  }
}
.object__image {
  height: auto;
  width: 100%;
}
.card--object .card__icon {
  height: 15px;
  width: 18px;
}
.card--object [data-hide] .object__image:nth-child(n + 2) {
  display: none;
}
.card__adress span {
  display: block;
  font-size: 0.875rem;
  margin-top: 1rem;
  white-space: nowrap;
}
.card__slide {
  width: 100%;
}
.card__image {
  height: auto;
  width: 100%;
}
.card__figure--slider:not(.flickity-enabled) .card__slide:nth-child(n + 2) {
  display: none;
}
.card__listing-item {
  font-size: 0.875rem;
  line-height: 1.8rem;
}
@media (min-width: 768px) {
  .card__listing-item {
  font-size: 0.875rem;
  }
}
.cards--objects {
  margin-top: 35px;
}
.applied-filters {
  margin-top: 30px;
}
.applied-filters .btn {
  font-weight: 400;
}
.objects__search-settings {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .objects__search-settings {
  gap: 110;
  }
}
button.objects__display-link {
  background-color: hsla(60, 33%, 91%, 0.3);
  color: #1c1c1c;
  border-color: transparent;
  border-width: 2px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.08);
  gap: 4px;
}
@media (max-width: 767px) {
  button.objects__display-link.btn {
  padding-left: 5px;
  padding-right: 17px;
  }
  button.objects__display-link.btn .btn__text {
  padding-bottom: 10px;
  padding-top: 10px;
  }
  button.objects__display-link.btn .btn__holder {
  height: 42px;
  min-width: 34px;
  width: 34px;
  }
  button.objects__display-link.btn:hover {
  color: #1c1c1c;
  background-color: hsla(60, 33%, 91%, 0.3);
  border-color: transparent;
  }
  button.objects__display-link.btn:focus {
  box-shadow: 0 0 0 3px var(--clr-primary);
  }
}
.objects__results--grid button.objects__display-link--grid,
.objects__results--map button.objects__display-link--map {
  border-color: rgba(91, 197, 163, 0.3);
}
.objects__results--map .objects__map {
  display: block;
}
.objects__order {
  position: relative;
}
.objects__order svg {
  left: 15px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .objects__order svg {
  left: 10px;
  }
}
select.objects__orderby {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 0px;
  line-height: 2rem;
  padding: 15px 10px 15px 40px;
  width: 100%;
  color: #000 !important;
}
@media (min-width: 767px) {
  select.objects__orderby {
  padding-bottom: 11px;
  padding-left: 35px;
  padding-top: 11px;
  }
}
.objects__results--grid .objects__map {
  display: none !important;
}
.objects__results--map .cards--objects,
.objects__results--map .object__pagination {
  display: none;
}
.objects__map {
  background-color: #ccc;
  border-radius: 10px;
  height: 700px;
  margin-top: 35px;
  width: 100%;
}
.object__pagination {
  gap: 10px;
  margin-top: 50px;
}
.object__pagination,
.object__pagination .page-numbers {
  align-items: center;
  display: flex;
  justify-content: center;
}
.object__pagination .page-numbers {
  background-color: var(--not-white-color);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
  height: 40px;
  min-width: 40px;
}
.object__pagination a.page-numbers {
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.object__pagination a.page-numbers:focus,
.object__pagination a.page-numbers:hover {
  background-color: var(--clr-tertiary);
  box-shadow: 0 0 1px var(--clr-tertiary);
}
.object__pagination .dots {
  background-color: unset;
  box-shadow: unset;
  min-width: unset;
}
.object__pagination .current {
  background-color: var(--clr-tertiary);
  box-shadow: 0 0 1px var(--clr-tertiary);
}
.object__pagination .next,
.object__pagination .prev {
  align-items: center;
  display: flex;
  gap: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.card--cta {
  padding: 55px 40px;
}
@media (min-width: 1300px) {
  .card--cta {
  padding-right: 100px;
  }
}
.card--cta .cta__button {
  background-color: var(--white-color);
  border-color: rgba(0, 0, 0, 0.5);
  color: var(--black-color);
}
.card--cta .cta__button:focus,
.card--cta .cta__button:hover {
  background-color: var(--black-color);
  color: var(--white-color);
}
.card--searchquery {
  padding: 20px 40px 40px;
}
.card--map-info {
  background-color: var(--white-color);
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  max-width: 350px;
}
.card--map-info .card__header,
.card--map-info .card__listing {
  padding-left: 15px;
  padding-right: 15px;
}
.card--map-info .card__listing {
  padding-bottom: 15px;
}
.infoBox {
  position: relative;
}
.infoBox > img {
  height: 50px;
  padding: 17px;
  position: absolute !important;
  right: 0;
  top: 0;
  width: 50px;
  z-index: 3;
}
.object__filter--toggle,
button.objects__display-link {
  gap: 0;
  justify-content: center;
  max-width: 128px;
}
.filter__controls button.btn {
  display: inline-block;
  padding: 15px 25px;
  border-radius: 0px;
}
.filter__controls button.btn:hover{
  background-color: #FFF;
  color: var(--e-global-color-primary) !important;
}
button.object__filter--toggle.btn:hover,
.filters input[type="submit"].filter__submit:hover,
button.object__filter--toggle.btn:focus,
.filters input[type="submit"].filter__submit:focus {
  color: var( --white-color );
  background-color: var(--clr-accent);
  border-color: var(--clr-tertiary);
  border-width: 2px;
}


.card--object{
  border: solid 1px #000;
  padding: 20px;
  padding-bottom: 120px;
  box-sizing: border-box;
}

#google-map .gm-style-iw-chr{
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 10;
}
#google-map .gm-style .gm-style-iw-c{
  border-radius: 0px;
}
#google-map .gm-style .gm-style-iw-d::-webkit-scrollbar{
  width: 0px;
}
#google-map .card--object{
  padding-bottom: 0px;
  border: none;
  padding: 0px;
  border-radius: 0px !important;
}
#google-map .gm-style .gm-style-iw-c{
  padding: 0px !important;
  max-width: 300px !important;
}
#google-map h3{
  font-size: 1rem !important;
  margin-block-start: 0px !important;
  margin-block-end: 0px !important;
}
#google-map .card__price{
  font-size: 0.98rem !important;
}
#google-map .card__adress span{
  margin-top: 0px !important;
}
#google-map a{
  text-decoration: none;
  color: #000;
}


.card--object::after{
  background-image: url("https://www.stapmakelaars.nl/wp-content/uploads/2025/08/pijlomlaag.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  content: "";
  position: absolute;
 transform: translateX(-50%);
  width: 70px;
  height: 32px;
  z-index: 1;
  bottom: -31px;
  left: 50%;
}

.woningaanbodbtn{
  position: absolute;
  bottom: 40px;
}
.woningaanbodbtn a{
  display: block !important;
  margin-left: 10px !important;
  margin-right: 0px !important;
  background-color: var( --e-global-color-secondary ) !important;
  font-family: "WorkSans-SemiBold", Sans-serif !important;
  font-size: 1.73rem !important;
  text-transform: uppercase !important;
  fill: var( --e-global-color-text ) !important;
  color: var( --e-global-color-text ) !important;
  border-radius: 0px 0px 0px 0px !important;
  padding: 14px 38px 14px 86px !important;
  font-family: "WorkSans-SemiBold", Sans-serif !important;
  text-transform: uppercase !important;
  fill: var( --e-global-color-text ) !important;
  color: var( --e-global-color-text ) !important;
  -moz-transition: all 0.2s ease-out !important;  /* FF4+ */
  -o-transition: all 0.2s ease-out !important;  /* Opera 10.5+ */
  -webkit-transition: all 0.2s ease-out !important;  /* Saf3.2+, Chrome */
  -ms-transition: all 0.2s ease-out !important;  /* IE10 */
  transition: all 0.2s ease-out !important;
}
.card--object:hover .woningaanbodbtn a{
  background-color: var(--e-global-color-1f635a1) !important;
}
@media(min-width: 1023px) and (max-width: 1199px){
  .woningaanbodbtn a{
  font-size: 1.5rem  !important;
  padding: 10px 32px 10px 66px  !important;
  }
}
@media(max-width: 1022px){
  .woningaanbodbtn a{
  font-size: 1.5rem  !important;
  padding: 7px 15px 7px 50px  !important;
  }
}
@media(max-width: 767px){
  .woningaanbodbtn a{
  font-size: 1.25rem  !important;
  padding: 7px 15px 7px 45px  !important;
  }
}

.detailstable{
  display: table;
}
.detailstable dl{
  display: table-row;
}
.detailstable dt{
  display: table-cell;
  width: 55%;
  font-size: 1.10rem;
  font-family: 'WorkSans-Bold';
  padding-top: 3px;
  padding-bottom: 3px;
}
.detailstable dd{
  display: table-cell;
  width: 45%;
  font-size: 1.10rem;
  padding-top: 3px;
  padding-bottom: 3px;
}
.detailstable dl:nth-child(2) dd{
  color: var(--e-global-color-primary);
  font-family: 'WorkSans-Bold';
}
@media(min-width: 768px) and (max-width: 1199px){
  .detailstable dt{
  font-size: 1.0rem;
  }
  .detailstable dd{
  font-size: 1.0rem;
  }
}
@media(max-width: 400px){
  .detailstable dt{
  font-size: 0.98rem;
  }
  .detailstable dd{
  font-size: 0.98rem;
  }
}

.card--object .street{
  font-family: 'WorkSans-Bold';
  font-size: 1.63rem;
}
.card--object .city{
  font-size: 1.25rem;
  margin-top: -19px;
}

.card--object .energielabel {
  position: absolute;
  top: 38px;
  right: 19px;
  background-color: #FFF;
  font-family: 'WorkSans-Bold';
  font-size: 1.92rem;
  padding: 5px 18px;
  padding-left: 5px;
  z-index: 9;
  box-shadow: -2px 2px 5px rgba(0,0,0,0.45);
}
.card--object .energielabel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  width: 0;
  height: 0;
  z-index: 8;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-right: 19px solid white;
}
.card--object .energielabel.energieA{
  color: #FFF;
  background-color: var(--e-global-color-primary);
}

/** Energielabels **/
.card--object .energielabel.energieA_P{
  background-color: #006534;
  color: #FFF;
}
.card--object .energielabel.energieA_P::before{
  border-right: 19px solid #006534;
}

.card--object .energielabel.energieA{
  background-color: #006534;
  color: #FFF;
}
.card--object .energielabel.energieA::before{
  border-right: 19px solid #006534;
}

.card--object .energielabel.energieB{
  background-color: #008c37;
  color: #FFF;
}
.card--object .energielabel.energieB::before{
  border-right: 19px solid #008c37;
}

.card--object .energielabel.energieC{
  background-color: #91c01f;
  color: #FFF;
}
.card--object .energielabel.energieC::before{
  border-right: 19px solid #91c01f;
}

.card--object .energielabel.energieD{
  background-color: #ffeb02;
  color: #FFF;
}
.card--object .energielabel.energieE::before{
  border-right: 19px solid #ffeb02;
}

.card--object .energielabel.energieD{
  background-color: #f7b231;
  color: #FFF;
}
.card--object .energielabel.energieE::before{
  border-right: 19px solid #f7b231;
}

.card--object .energielabel.energieF{
  background-color: #e8590a;
  color: #FFF;
}
.card--object .energielabel.energieF::before{
  border-right: 19px solid #e8590a;
}

.card--object .energielabel.energieG{
  background-color: #bb1522;
  color: #FFF;
}
.card--object .energielabel.energieG::before{
  border-right: 19px solid #bb1522;
}

/** **/
.card--object .imagecontainer{
  position: relative;
  overflow: hidden;
}
.card--object .imagecontainer .card__image{
  aspect-ratio: 3/2;
}
.card--object .ribbon {
  position: absolute;
  top: 15px;
  left: -50px;
  background: var(--e-global-color-78a7981);
  color: black;
  font-weight: bold;
  font-family: sans-serif;
  padding: 4px 50px;
  transform: rotate(-35deg);
  font-size: 0.85rem;
  z-index: 10;
}
.card--object .ribbon.nieuw {
   background-color: var(--e-global-color-secondary);
   font-size: 0.95rem;
   padding: 4px 60px;
}

.flickity--item .flickity-button.previous{
  left: 0px;
}
.flickity--item .flickity-button.next{
  right: 0px;
}

.flickity-page-dots{
  padding-inline-start: 0;
  bottom: 0px !important;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100% !important;
}
.flickity-page-dots .dot{
  width: 18px !important;
  height: 22px !important;
}
.flickity-page-dots .dot:after{
  border: solid 0.5px #000;
  background: none !important;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
}
.flickity-page-dots .dot.is-selected:after{
  border: none;
  background-color: var(--e-global-color-primary) !important;
  width: 12px;
  height: 12px;
}



@media (max-width: 767px) {
  .mobileslide .cards--objects {
  display: block;
  }
  .mobileslide .card--object {
  height: auto; /* niet fixed */
  display: flex;
  flex-direction: column;
  width: 100% !important;
  }
  .mobileslide .flickity-viewport {
  transition: height 0.2s ease; /* optioneel voor smooth effect */
  }
  .mobileslide .flickity-page-dots:first-child{
  bottom: -30px !important;
  background: none !important;
  }
  .mobileslide .flickity-page-dots, .flickity-page-dots{
  bottom: 0px !important;
  }

}


.cards.cards--objects .street a, .cards.cards--objects .city a{
  text-decoration: none !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
  color: var(--e-global-color-text) !important;
}



.filtercontainer{
  background-color: var(--e-global-color-78a7981);
}

.objects__search-settings button:hover, .objects__search-settings button:focus{
  background-color: var(--e-global-color-primary) !important;
}

.object__filter--toggle{
  background-color: var(--e-global-color-primary) !important;
  border-radius: 0px !important;
  border: none !important;
}

.objects__archive .pagination{
  justify-content: center !important;
  margin-top: 50px;
}


.objects__results--grid button.objects__display-link--grid, .objects__results--map button.objects__display-link--map, [type=button]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){
  display: flex;        /* maakt de wrapper een flex-container */
  justify-content: flex-start; /* zet spans gewoon naast elkaar links uitgelijnd */
  align-items: center;
}


/* Fallback: markers onder popups */
.gm-style [role="dialog"] { z-index: 2147483647 !important; }
.gm-style gmp-advanced-marker { z-index: 0 !important; }


#entity-search-container .visible .entity-results{

}