/* Category Image Fixes - Better visibility and positioning */

/* Override the default offer-one item background styling */
.offer-one__item {
    background-size: cover !important; /* Cover the entire card area */
    background-position: center center !important; /* Center the image completely */
    background-repeat: no-repeat !important;
    height: 350px !important; /* Fixed height to ensure consistent card sizes */
    min-height: 350px !important; /* Ensure enough height to show the image properly */
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* Alternative approach: Use background-size: cover with better positioning */
.offer-one__item.cover-style {
    background-size: cover !important;
    background-position: center center !important; /* Center the image completely */
}

/* For smaller screens, ensure images are still visible */
@media (max-width: 991px) {
    .offer-one__item {
        background-size: cover !important; /* Keep cover for full coverage */
        background-position: center center !important;
        height: 320px !important;
        min-height: 320px !important;
    }
}

@media (max-width: 767px) {
    .offer-one__item {
        background-size: cover !important; /* Keep cover for full coverage */
        background-position: center center !important;
        height: 280px !important;
        min-height: 280px !important;
    }
}

@media (max-width: 575px) {
    .offer-one__item {
        background-size: cover !important; /* Keep cover even on small screens */
        background-position: center center !important;
        height: 250px !important;
        min-height: 250px !important;
        /* Remove the background-image: none to keep images visible */
    }
}

/* Ensure text content doesn't overlap with images */
.offer-one__item .offer-one__tagline,
.offer-one__item .offer-one__title,
.offer-one__item .offer-one__description,
.offer-one__item .offer-one__link {
    position: relative;
    z-index: 2;
}

/* Add a subtle overlay to improve text readability if needed */
.offer-one__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.3) 100%);
    border-radius: 10px;
    z-index: 1;
    pointer-events: none;
}

/* Ensure content is above the overlay */
.offer-one__item > * {
    position: relative;
    z-index: 2;
}