/* Final technical + visual media polish — 2026-08-30.
   Goal: preserve full visual meaning of owner-supplied 4:3 photography, avoid destructive crops,
   keep hero video, and normalize all room covers across desktop/mobile. */

/* Hero: video is the primary visual; poster is the first-frame/fallback. */
.v3-hero-media{background:#071d17 url('../media/three-crowns/territory/processed-2026-08-30/pier-walk.webp') center/cover no-repeat!important}
.v3-hero-media video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 48%!important;filter:saturate(.96) contrast(1.03) brightness(.94)}
.v3-hero-media .v3-hero-photo{display:none!important}

/* Global media discipline inside designed frames. */
.v3-room-card-photo img,.v3-advantage-image img,.v3-territory-photo-strip img,
.v3-amenity-card-media img,.v3-extra-card-media img,.v3-review-visual img,
.room-catalog-media img,.room-detail-hero-media img,.room-detail-gallery .gallery-item img{
  width:100%;height:100%;display:block;
}

/* Room covers are based on 4:3 owner photography. Do not force them into a shallow 16:9-ish strip. */
.v3-room-card-photo{height:auto!important;aspect-ratio:4/3;min-height:0!important}
.v3-room-card-photo img{object-fit:cover!important;object-position:center center!important}
.room-catalog-media{height:auto!important;aspect-ratio:4/3;min-height:0!important}
.room-catalog-media img{object-fit:cover!important;object-position:center center!important}

/* Advantages: same source photography, slightly taller frame prevents head/room clipping. */
.v3-advantage-image{height:auto!important;aspect-ratio:4/3;min-height:0!important}
.v3-advantage-image img{object-fit:cover!important;object-position:center center!important}

/* Territory frames: retain the full garden/building composition rather than zooming into it. */
.v3-territory-photo-strip figure{min-height:0!important;aspect-ratio:4/3}
.v3-territory-photo-strip img{object-fit:cover!important;object-position:center center!important}

/* Feature/service images get a calmer 3:2 frame. */
.v3-amenity-card-media,.v3-extra-card-media{height:auto!important;aspect-ratio:3/2;min-height:0!important}
.v3-amenity-card-media img,.v3-extra-card-media img{object-fit:cover!important;object-position:center center!important}

/* Detail gallery: consistent geometry. Extreme panoramas are explicitly marked fit-contain in HTML. */
.room-detail-gallery .gallery-item{min-height:0!important;aspect-ratio:4/3;background:#081525!important}
.room-detail-gallery .gallery-item:nth-child(1){min-height:0!important;aspect-ratio:16/9}
.room-detail-gallery .gallery-item.fit-contain img{object-fit:contain!important;object-position:center center!important;background:#081525}
.room-detail-gallery .gallery-item:not(.fit-contain) img{object-fit:cover!important;object-position:center center!important}

/* Detail hero is deliberately cinematic. Keep subject centered and avoid legacy zoom. */
.room-detail-hero-media img{object-fit:cover!important;object-position:center center!important;transform:none!important}

/* Context-sensitive focal points for a few covers where the subject is not geometrically centered. */
.v3-room-card-photo img[src*="double-improved-couple"],
.room-catalog-media img[src*="double-improved-couple"]{object-position:58% center!important}
.v3-room-card-photo img[src*="apartments-kitchen-living-family"],
.room-catalog-media img[src*="apartments-kitchen-living-family"]{object-position:52% center!important}
.v3-room-card-photo img[src*="cottage-double-family"]{object-position:48% center!important}
.v3-room-card-photo img[src*="double-suite-family"]{object-position:50% 48%!important}
.v3-room-card-photo img[src*="four-person-junior-suite-family"]{object-position:50% 48%!important}

/* No hover zoom on informational photos: zoom was visually re-cropping already-correct frames. */
.v3-room-card:hover .v3-room-card-photo img,
.v3-advantage-card:hover .v3-advantage-image img,
.v3-territory-photo-strip figure:hover img,
.v3-amenity-grid article:hover .v3-amenity-card-media img,
.v3-extra-grid article:hover .v3-extra-card-media img,
.room-catalog-card:hover .room-catalog-media img{transform:none!important}

@media(max-width:760px){
  .v3-hero-media video{object-position:56% center!important}
  .v3-room-card-photo{height:auto!important;max-height:none!important;aspect-ratio:4/3}
  .v3-advantage-image{height:auto!important;max-height:none!important;aspect-ratio:4/3}
  .v3-territory-photo-strip figure{min-height:0!important;aspect-ratio:4/3}
  .v3-amenity-card-media,.v3-extra-card-media{height:auto!important;aspect-ratio:4/3}
  .room-detail-gallery .gallery-item,.room-detail-gallery .gallery-item:nth-child(1){min-height:0!important;aspect-ratio:4/3}
}

@media(prefers-reduced-motion:reduce){
  .v3-hero-media video{display:none!important}
  .v3-hero-media .v3-hero-photo{display:block!important;width:100%;height:100%;object-fit:cover;object-position:center 50%}
}