.page-id-1249 .wp-block-post-featured-image,
.page-id-2322 .wp-block-post-featured-image,
.page-id-2079 .wp-block-post-featured-image,
.page-id-684 .wp-block-post-featured-image,
.page-id-573 .wp-block-post-featured-image,
.page-id-89815 .wp-block-post-featured-image,
.page-id-100542 .wp-block-post-featured-image,
.postid-86266 .wp-block-post-featured-image,
.postid-85819 .wp-block-post-featured-image,
.postid-83883 .wp-block-post-featured-image,
.postid-24010 .wp-block-post-featured-image,
.postid-89297 .wp-block-post-featured-image,
.postid-99415 .wp-block-post-featured-image,
.postid-88902 .wp-block-post-featured-image,
.postid-88021 .wp-block-post-featured-image,
.postid-80214 .wp-block-post-featured-image
{
  display: none;
}

/* Make all button links white by default */
.ibr-amazon-link a,
.ibr-bookshop-link a {
    color: #FFFFFF !important;
}

/* But keep homepage links black */
.home .ibr-amazon-link a,
.home .ibr-bookshop-link a,
.home .wp-block-button__link {
    color: #000000 !important;
}

/* Except keep the contact button white */
.home .wp-block-button__link[href*="contact"] {
    color: #FFFFFF !important;
}
/* Make "View All" link white on homepage */
.home a[href*="staff-picks"],
.home .staff-picks-section a {
    color: #FFFFFF !important;
}

/* Mobile: Precise spacing and positioning */
@media (max-width: 781px) {
    /* 1. Show the full background image */
    .wp-block-cover.show-full-image-mobile img.wp-block-cover__image-background,
    .wp-block-cover.show-full-image-mobile .wp-block-cover__image-background {
        object-fit: contain !important;
        object-position: center !important;
        background-position: center !important;
    }

    /* 2. Setup for reordering */
    .wp-block-cover.show-full-image-mobile .wp-block-cover__inner-container {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 3. Re-position Advertisement and Title */
    .wp-block-cover.show-full-image-mobile p:first-child {
        order: -3 !important;
        position: absolute !important;
        top: -45px !important; /* Spaced out from title */
        left: 0 !important;
        font-size: 9px !important;
        color: #888 !important;
        margin: 0 !important;
    }

    .wp-block-cover.show-full-image-mobile h1, 
    .wp-block-cover.show-full-image-mobile h2,
    .wp-block-cover.show-full-image-mobile .wp-block-post-title {
        order: -2 !important;
        position: absolute !important;
        top: -20px !important; /* Pulled closer to the image */
        left: 0 !important;
        width: 100% !important;
        font-size: 15px !important;
        line-height: 1.1 !important;
        color: #000 !important;
        margin: 0 !important;
    }

    /* 4. Push Quote and Button MUCH deeper into the image area */
    .wp-block-cover.show-full-image-mobile p:not(:first-child) {
        width: 45% !important;
        font-size: 8.5px !important;
        line-height: 1.2 !important;
        margin-top: 60px !important; /* Increased from 30px to push it down two more lines */
        color: #333 !important;
    }

    .wp-block-cover.show-full-image-mobile .wp-block-button {
        width: 45% !important;
        margin-top: 15px !important; /* Keeps the button spaced below the quote */
    }
    .wp-block-cover.show-full-image-mobile .wp-block-button__link {
        font-size: 8px !important;
        padding: 4px 8px !important;
    }

    /* 5. Adjust the overall block margin to fit the new text positions */
    .wp-block-cover.show-full-image-mobile {
        margin-top: 50px !important;
        min-height: 180px !important; /* Slightly taller to accommodate the lower text */
        aspect-ratio: 16 / 9;
        overflow: visible !important;
    }
}

/* Desktop: Keep original settings */
@media (min-width: 782px) {
    .wp-block-cover.show-full-image-mobile img.wp-block-cover__image-background {
        object-fit: cover !important;
        object-position: 65% 47% !important;
    }
}
