/* Alpha 42 — keep wishlist and compare controls inside the hotel image. */
html body .mba-hotel-card .mba-card-media{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
html body .mba-hotel-card .mba-card-actions{
  position:absolute!important;
  z-index:30!important;
  top:12px!important;
  left:12px!important;
  right:auto!important;
  bottom:auto!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
  transform:none!important;
}
html body .mba-hotel-card .mba-card-actions .mba-wishlist,
html body .mba-hotel-card .mba-card-actions .mba-compare-check{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:auto!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:50%!important;
  background:rgba(8,43,73,.92)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(5,29,50,.24)!important;
  transform:none!important;
}
html body .mba-hotel-card .mba-card-actions .mba-wishlist:hover,
html body .mba-hotel-card .mba-card-actions .mba-compare-check:hover{
  transform:translateY(-2px)!important;
}
html body .mba-hotel-card .mba-card-actions .mba-wishlist.active,
html body .mba-hotel-card .mba-card-actions .mba-compare-check.active,
html body .mba-hotel-card .mba-card-actions .mba-compare-check:has(input:checked){
  background:var(--makkah-gold,#dfad52)!important;
  color:#08243d!important;
  border-color:var(--makkah-gold,#dfad52)!important;
}
html body .mba-hotel-card .mba-card-actions svg{
  width:19px!important;
  height:19px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
html body .mba-hotel-card .mba-card-actions .mba-compare-check input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
/* The actions always belong to the image, never to the details column. */
html body #mba-results.is-list .mba-card-media,
html body #mba-results>.mba-results-grid.is-list .mba-card-media,
html body #mba-results.is-grid .mba-card-media,
html body #mba-results>.mba-results-grid.is-grid .mba-card-media{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
@media(max-width:767px){
  html body .mba-hotel-card .mba-card-actions{
    top:8px!important;
    left:8px!important;
    gap:6px!important;
  }
  html body .mba-hotel-card .mba-card-actions .mba-wishlist,
  html body .mba-hotel-card .mba-card-actions .mba-compare-check{
    flex-basis:36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
  }
  html body .mba-hotel-card .mba-card-actions svg{width:16px!important;height:16px!important}
}