/* ==========================================================
   LUXOTEL CANONICAL CARD MEDIA V1
   ----------------------------------------------------------
   THIS IS THE FINAL OVERRIDE FOR GUEST CARD MEDIA.

   RULES:
   - Card image fills the complete card.
   - No image zoom on hover.
   - No image scale animation.
   - Image remains centered.
   - Desktop and mobile use the same media behavior.
   - Future card-media changes belong in THIS FILE ONLY.
   ========================================================== */


/* ==========================================================
   1. PORTAL / HOMEPAGE DESTINATION CARDS
   ========================================================== */

.lux-site-portal .lux-portal-v2-card-media,
.lux-site-portal .lux-portal-v2-card-media .lux-gallery{
    position:absolute!important;
    inset:0!important;

    width:100%!important;
    height:100%!important;

    overflow:hidden!important;
}


.lux-site-portal .lux-portal-v2-card-media picture{
    display:block!important;

    width:100%!important;
    height:100%!important;
}


.lux-site-portal .lux-portal-v2-card-media img,
.lux-site-portal .lux-portal-v2-card-media video,
.lux-site-portal .lux-portal-v2-card-media .lux-gallery-image{
    display:block!important;

    width:100%!important;
    height:100%!important;

    max-width:none!important;
    max-height:none!important;

    object-fit:cover!important;
    object-position:center!important;

    transform:none!important;
    scale:none!important;

    transition:none!important;
}


/* Never zoom destination photography on hover / press. */

.lux-site-portal
.lux-portal-v2-card:hover
.lux-portal-v2-card-media img,

.lux-site-portal
.lux-portal-v2-card:hover
.lux-portal-v2-card-media .lux-gallery-image,

.lux-site-portal
.lux-portal-v2-card-destination:hover
.lux-portal-v2-card-media img,

.lux-site-portal
.lux-portal-v2-card-destination:hover
.lux-portal-v2-card-media .lux-gallery-image,

.lux-site-portal
.lux-portal-v2-card-destination.is-destination-pressed
.lux-portal-v2-card-media img,

.lux-site-portal
.lux-portal-v2-card-destination.is-destination-pressed
.lux-portal-v2-card-media .lux-gallery-image{
    transform:none!important;
    scale:none!important;
}


/* ==========================================================
   2. PROPERTY EXPERIENCE CARDS
   AQABA / WADI RUM
   These currently use CSS background photography.
   ========================================================== */

.v12-property
[data-v10-element="choices"]
.choice{
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
}


/* Keep the image framing identical during hover. */

.v12-property
[data-v10-element="choices"]
.choice:hover{
    background-size:cover!important;
    background-position:center center!important;
}


/* ==========================================================
   3. RESTAURANT / DINING CARDS
   ========================================================== */

.lux-restaurant-card{
    position:relative;
    overflow:hidden;
}


.lux-restaurant-card .lux-restaurant-media{
    position:absolute!important;
    inset:0!important;

    width:100%!important;
    height:100%!important;

    overflow:hidden!important;

    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
}


.lux-restaurant-card .lux-restaurant-media picture{
    display:block!important;

    width:100%!important;
    height:100%!important;
}


.lux-restaurant-card .lux-restaurant-media img,
.lux-restaurant-card .lux-restaurant-media video{
    display:block!important;

    width:100%!important;
    height:100%!important;

    max-width:none!important;
    max-height:none!important;

    object-fit:cover!important;
    object-position:center!important;

    transform:none!important;
    scale:none!important;

    transition:none!important;
}


/* Never enlarge restaurant photography on hover. */

.lux-restaurant-card:hover .lux-restaurant-media img,
.lux-restaurant-card:hover .lux-restaurant-media video{
    transform:none!important;
    scale:none!important;
}


/* ==========================================================
   4. SAFETY
   Do not alter logos / badges / icons.
   They keep their own contain sizing.
   ========================================================== */

.lux-restaurant-card img.choice-brand-logo,
.v12-property .choice img.choice-brand-logo,
img.lux-brand-logo,
img.lux-footer-logo{
    object-fit:contain!important;
}


/* END LUXOTEL CANONICAL CARD MEDIA V1 */