/* -----------------------------------
   7. Edits MMX
   ----------------------------------- */


.rstpl-card .rspbld-image:not(:has(img[src*="icon"], svg))::before, .rst-dashboard-item .rspbld-image:not(:has(img[src*="icon"], svg))::before, .rsblog-entry-header .rsblog-post-actions .dropdown-menu .rspbld-image:not(:has(img[src*="icon"], svg))::before, .rsblog-post.card .rspbld-image:not(:has(img[src*="icon"], svg))::before, #rstpl-com_rsdirectory .rsdir-listing .rspbld-image:not(:has(img[src*="icon"], svg))::before, .rstpl-portfolio .filtr-item-inner .rspbld-image:not(:has(img[src*="icon"], svg))::before, .rstpl-testimonial-box .rspbld-image:not(:has(img[src*="icon"], svg))::before, .items-leading .blog-item .rspbld-image:not(:has(img[src*="icon"], svg))::before, .rstpl-card-row .row .rspbld-image:not(:has(img[src*="icon"], svg))::before {
  display: block;
  position: absolute;
  content: "";
  inset: 0;
  margin: 10%;
  border: 0px solid #fff !important;
  border-radius: calc(var(--bs-border-radius)/2);
  z-index: 1000;
}

.rstpl-page-header {
  padding: clamp(3rem,10vh,10rem) 0;
  background-color: transparent !important;
  height: 500px;
}

.rstpl-image-box .rspbld-image::before {
  display: block;
  position: absolute;
  content: "";
  inset: 0;
  margin: 10%;
  border: 0px solid #fff !important;
  border-radius: calc(var(--bs-border-radius)/2);
  z-index: 1000;
}

.vblistroomcat {
  display: none !important;
}

#rstpl-footer-position {
  display: none !important;
}

.vikfx-gallery-fade-container {
  border: 1px solid ##adadad !important;
  border-radius: 15px !important;
}

.vbo-listing-details-wrap .vikfx-roomdetails-gallery-container .vikfx-gallery > a {
  margin: 0;
  display: inline-block;
  aspect-ratio: 16 / 9;
  width: 100%;
  border: 1px solid ##adadad !important;
  border-radius: 15px !important;
}

.vbcalsblock {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
  width: 100%;
  box-shadow: 0 2px 5px 0 rgba(50, 54, 72, 0.08);
  border: 1px solid ##706f6f !important;
  padding: 10px;
  box-sizing: border-box;
}

.vbpricedetails {
  display: none !important;
}


#mod-custom136 a {
    color: #706f6f;
}

#mod-custom136 a:hover,
#mod-custom136 a:focus {
    color: #706f6f;
    text-decoration: underline;
}

/* ===================================================
   VikBooking Wisseldag Styling
   Versie: 1.1 - Verfijnd
   Doel: Visueel onderscheid voor wisseldagen (uitcheck + incheck)
   =================================================== */

/* Basis wisseldag styling met maximale specificiteit */
.vbcal td.vbtdfree.vbtd-changeday,
table.vbcal tbody tr.vbcalnumdays td.vbtdfree.vbtd-changeday {
    background: linear-gradient(135deg, 
        #E89F8A 0%, #E89F8A 48%, 
        #ffffff 48%, #ffffff 52%, 
        #BFD9B3 52%, #BFD9B3 100%) !important;
    background-color: transparent !important;
    position: relative !important;
}

/* Neutraliseer en style de span (dag nummer) */
.vbcal td.vbtdfree.vbtd-changeday span,
table.vbcal tbody tr.vbcalnumdays td.vbtdfree.vbtd-changeday span {
    /* Verwijder VikBooking's eigen span styling */
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    
    /* Gewoon normaal cijfer - geen extra styling */
    font-weight: normal !important;
    text-shadow: none !important;
    color: #000 !important;
    display: inline !important;
}

/* Hover effect */
.vbcal td.vbtdfree.vbtd-changeday:hover,
table.vbcal tbody tr.vbcalnumdays td.vbtdfree.vbtd-changeday:hover {
    opacity: 0.85 !important;
    cursor: help !important;
}

/* Override eventuele conflicterende inline styles op de td */
.vbcal td[style*="background"].vbtd-changeday {
    background: linear-gradient(135deg, 
        #E89F8A 0%, #E89F8A 48%, 
        #ffffff 48%, #ffffff 52%, 
        #BFD9B3 52%, #BFD9B3 100%) !important;
}