/*
 * Image clarity fix.
 *
 * Several earlier stylesheets layered dark gradient scrims over the hero
 * background and over every destination/safari/tour card thumbnail so that
 * white text could sit on top of the photo. The live site (exotictravelnet.com)
 * doesn't do this — its hero and cards show the photo untouched, with any
 * caption text sitting in its own plain panel instead of on top of the image.
 *
 * This is the last stylesheet enqueued, so it wins outright without needing
 * !important on most rules (a couple of the rules it's undoing used
 * !important, so this file matches that where required).
 */

/* Hero background image — remove the dark left-to-right/top-to-bottom
 * gradient entirely. The hero title/subtitle already carry their own
 * text-shadow for legibility, so no replacement scrim is needed. */
.hero__overlay,
body.home .hero__overlay {
    background: none !important;
}

/* Destination / safari / tour card thumbnails — remove the dark
 * bottom-to-top scrim on the photo itself. */
.dest-card__thumb::after,
.safari-card__img-link::after,
.tour-card__thumb::after,
.tour-card:not(.blog-card) .tour-card__thumb::after {
    background: none !important;
    opacity: 0 !important;
}

/* Luxury / Mid-range safari cards reuse this same ::after element to also
 * draw the small heart-shaped save icon in the top-right corner, so instead
 * of removing its background outright, restore the plain white circle it
 * was designed with instead of the dark scrim that was clobbering it. */
.page-luxury .safari-grid .safari-card__img-link::after,
.page-midrange .safari-grid .safari-card__img-link::after {
    background: rgba(255, 255, 255, .94) !important;
    opacity: 1 !important;
}

/* Blog / recent-post card image overlay — already a light frosted panel in
 * the latest pass, but make sure no earlier dark version can win. */
.post-card__overlay {
    background: rgba(255, 255, 255, .95) !important;
}