/* Full hotel media without blank bands or destructive cropping. */

/* Every hotel media frame uses the same picture as a soft cover background,
   while the foreground picture remains fully visible with object-fit:contain. */
body.orvana-travlla .orvana-home-hotel-media,
body.orvana-travlla .orvana-destination-image,
body.orvana-travlla .orvana-popular-image,
body.orvana-travlla .orvana-related-image,
body.orvana-travlla .orvana-gallery-lightbox,
body.orvana-travlla .orvana-property-photo-pair > a,
body.orvana-travlla .orvana-property-side-photo {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #2a0f1b !important;
}
body.orvana-travlla .orvana-home-hotel-media::before,
body.orvana-travlla .orvana-destination-image::before,
body.orvana-travlla .orvana-popular-image::before,
body.orvana-travlla .orvana-related-image::before,
body.orvana-travlla .orvana-gallery-lightbox::before,
body.orvana-travlla .orvana-property-photo-pair > a::before,
body.orvana-travlla .orvana-property-side-photo::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: -18px !important;
  background-image: var(--orvana-media-image) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  filter: blur(17px) brightness(.58) saturate(.9) !important;
  transform: scale(1.08) !important;
  opacity: .92 !important;
  pointer-events: none !important;
}
body.orvana-travlla .orvana-home-hotel-media img,
body.orvana-travlla .orvana-destination-image img,
body.orvana-travlla .orvana-popular-image img,
body.orvana-travlla .orvana-related-image img,
body.orvana-travlla .orvana-gallery-lightbox img,
body.orvana-travlla .orvana-property-photo-pair img,
body.orvana-travlla .orvana-property-side-photo img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  transform: none !important;
}
body.orvana-travlla .orvana-home-hotel-card:hover .orvana-home-hotel-media img,
body.orvana-travlla .orvana-destination-card:hover .orvana-destination-image img,
body.orvana-travlla .orvana-popular-card:hover .orvana-popular-image img,
body.orvana-travlla .orvana-related-card:hover .orvana-related-image img,
body.orvana-travlla .orvana-property-photo-pair > a:hover img {
  transform: none !important;
}

/* Restore deliberate card proportions. Desktop hotel cards are slightly taller,
   while mobile keeps the compact sizes approved in earlier revisions. */
body.orvana-travlla .orvana-home-hotel-media { height: 360px !important; }
body.orvana-travlla .orvana-destination-image { height: 430px !important; }
body.orvana-travlla .orvana-destination-card { min-height: 555px !important; }
body.orvana-travlla .orvana-popular-card { height: 540px !important; }
body.orvana-travlla .orvana-related-image { height: 350px !important; }
body.orvana-travlla .orvana-related-card { min-height: 485px !important; }
body.orvana-travlla .orvana-property-photo-pair > a { height: 280px !important; }
body.orvana-travlla .orvana-property-side-photo { height: 320px !important; }
body.orvana-travlla .orvana-gallery-lightbox { display:block !important; width:100% !important; height:100% !important; }

/* Keep all labels and gradients above the media layers. */
body.orvana-travlla .orvana-home-hotel-media::after { z-index: 2 !important; }
body.orvana-travlla .orvana-home-hotel-rooms,
body.orvana-travlla .orvana-home-hotel-title { z-index: 3 !important; }
body.orvana-travlla .orvana-destination-shade,
body.orvana-travlla .orvana-popular-overlay,
body.orvana-travlla .orvana-related-image > span,
body.orvana-travlla .orvana-property-photo-pair > a::after,
body.orvana-travlla .orvana-property-side-photo::after,
body.orvana-travlla .orvana-gallery-shade { z-index: 2 !important; }
body.orvana-travlla .orvana-destination-rating,
body.orvana-travlla .orvana-popular-top,
body.orvana-travlla .orvana-popular-content,
body.orvana-travlla .orvana-property-photo-pair span,
body.orvana-travlla .orvana-property-side-photo span,
body.orvana-travlla .orvana-gallery-caption { z-index: 3 !important; }

@media (max-width: 1199px) {
  body.orvana-travlla .orvana-destination-image { height: 390px !important; }
  body.orvana-travlla .orvana-popular-card { height: 510px !important; }
  body.orvana-travlla .orvana-related-image { height: 320px !important; }
}
@media (max-width: 767px) {
  body.orvana-travlla .orvana-home-hotel-media { height: 320px !important; }
  body.orvana-travlla .orvana-destination-image { height: 305px !important; }
  body.orvana-travlla .orvana-destination-card { min-height: 0 !important; }
  body.orvana-travlla .orvana-popular-card { height: 470px !important; }
  body.orvana-travlla .orvana-related-image { height: 265px !important; }
  body.orvana-travlla .orvana-related-card { min-height: 0 !important; }
  body.orvana-travlla .orvana-property-photo-pair > a { height: 230px !important; }
  body.orvana-travlla .orvana-property-side-photo { height: 280px !important; }
}
@media (max-width: 380px) {
  body.orvana-travlla .orvana-destination-image { height: 280px !important; }
}