/* Fix for Image Aspect Ratio and Coverage */

/* Color Overrides - Aggressive */
:root {
    --primary-gold: #d5a462;
    --secondary-blue: #093760;
}

/* Force Primary Blue on Text */
h1,
h2,
h3,
h4,
h5,
h6,
.trv-inner-title-sm,
.trv-title,
a,
.text-primary,
.site-text-primary {
    color: var(--secondary-blue) !important;
}

/* Force Gold on Buttons & accents */
.site-button,
.btn-primary,
.bg-primary,
.site-bg-primary,
.pagination>.active>a {
    background-color: var(--primary-gold) !important;
    border-color: var(--primary-gold) !important;
    color: #fff !important;
}

/* Hover States */
.site-button:hover,
.btn-primary:hover,
.btn-outline-primary:hover,
.btn-outline-primary.active {
    background-color: var(--secondary-blue) !important;
    border-color: var(--secondary-blue) !important;
    color: #fff !important;
}

/* Outline Buttons */
.btn-outline-primary {
    color: var(--secondary-blue) !important;
    border-color: var(--secondary-blue) !important;
}

.btn-outline-primary.active {
    background-color: var(--secondary-blue) !important;
    border-color: var(--secondary-blue) !important;
}

/* General fix for all media containers */
.trv-media,
.trv_d-slider-media,
.trv-holi-theme-media,
.trv-gallery-st2-media,
.ft-lat-work-bx-media,
.trv-ben-media {
    position: relative;
    overflow: hidden;
}

/* Ensure images cover the container without distortion */
.trv-media img,
.trv_d-slider-media img,
.trv-holi-theme-media img,
.trv-gallery-st2-media img,
.ft-lat-work-bx-media img,
.trv-ben-media img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    display: block;
}

/* Specific heights to ensure consistency */
/* Trending Destinations */
.trv-mf-tour-bx1 .trv-media {
    height: 250px;
    /* Adjust based on original design */
}

/* Categories */
.trv-holi-theme-media {
    height: 300px;
}

/* Gallery / Deals (mix of portrait and landscape) */
.trv-gallery-st2.p-pic .trv-gallery-st2-media {
    height: 500px;
    /* Portrait */

}

.trv-gallery-st2.l-pic .trv-gallery-st2-media {
    height: 247px;
    /* Landscape (half height of portrait approx with gap) */
}

/* Handpicked Packages */
.ft-lat-work-bx-media {
    height: 220px;
}

/* Benefits */
.trv-ben-media {
    width: 100%;
    height: auto;
    max-height: 150px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trv-ben-media img {
    object-fit: contain !important;
    /* Icons should check not be cropped */
}

/* Stopover Banners */
.trv-tsmo-banner2 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}