/* ====== FRONT PAGE: Ontdek Umbrië (voormalige Services) ====== */
.front-page-services .service__price {
    display: none !important;
}

/* ====== DETAILPAGINA'S: Ontdek Umbrië ====== */
.single-service .service__price,
.single-service .service__meta,
.single-service .service__price-wrapper,
.single-service .mphb-room-type__price {
    display: none !important;
}

/* ====== Optioneel: verwijder ook eventuele resttekens zoals € of "from" ====== */
.single-service .service__price::before,
.single-service .service__price::after {
    content: none !important;
}
.single-mphb_service .service__price {
    display: none !important;
}
/* ==== Ontdek Umbrië (voormalige Services) ==== */

/* Verberg prijzen op de homepage (voor het ontdek umbrië-blok) */
.front-page-services .service__price {
    display: none !important;
}

/* Verberg prijzen op de detailpagina's van ontdek umbrië */
.single-mphb_room_service .service__price,
.single-mphb_room_service .mphb-room-type__price,
.single-mphb_room_service .service__meta,
.single-mphb_room_service .service__price-wrapper {
    display: none !important;
}

/* Verwijder eventuele resterende valuta- of 'from'-tekens */
.single-mphb_room_service .service__price::before,
.single-mphb_room_service .service__price::after {
    content: none !important;
}
/* 1) MotoPress/Booklium slider-afbeeldingen proportioneel laten schalen */
.motoslider img,
.motoslider_wrapper img,
.mphb-gallery .swiper-slide img,
.wp-block-cover__image-background {
  width: 100%;
  height: 100% !important;     /* vult de sliderhoogte */
  object-fit: cover;            /* geen uitrekken, netjes bijsnijden */
  object-position: center;      /* focus in het midden */
}

/* 2) Logische mobiele hoogte voor sliders/covers */
@media (max-width: 768px) {
  .motoslider,
  .motoslider_wrapper,
  .motoslider .mslide,
  .wp-block-cover,
  .hero-slider,
  .front-page-slider {
    height: 55vh !important;     /* voel je vrij 45–65vh te proberen */
    min-height: 320px;           /* voorkomt te platte banners */
  }
}

/* 3) Voorkom dat containers 'auto' hoogte forceren (soms in blokken) */
@media (max-width: 768px) {
  .motoslider_wrapper img,
  .wp-block-cover__image-background {
    max-height: 100%;
  }
}