.hero-blocks-grid {
    z-index: 1;
    width: 100%;
    height: 175px;

    > .hero-block {
        transition: transform 200ms ease-in-out;
        -webkit-transition: -webkit-transform 200ms ease-in-out;
        -webkit-transition: transform 200ms ease-in-out;

        &:hover {
            transform: scale(1.1);
            z-index: 2;
        }
    }
}

/* Adapt display on mobile & tablet */
@media (max-width: 1024px) {
    .hero-block {
        min-height: 50px !important;
    }

    .hero-block:first-child, .hero-block:last-child {
        border-radius: 0 !important;
    }

    .hero-block:first-child {
        border-radius: 12px 12px 0 0 !important;
    }

    .hero-block:last-child {
        border-radius: 0 0 12px 12px !important;
    }

    .hero-block .wp-block-cover__inner-container {
        display: flex !important;
        column-gap: 8px;
        align-items: center !important;
        padding-inline: 12px;
    }

    .hero-block .wp-block-cover__inner-container > :last-child {
        margin-block-start: 0 !important;
    }

    .hero-block figure img {
        width: 50px !important;
        height: 50px !important;
    }

    .wp-block-group.hero-blocks-grid {
        grid-template-columns: 1fr !important;
    }

    .hero-main-text-block {
        align-items: center !important;
    }

/* Remove the transform scale effect on mobile & tablet */
    .hero-blocks-grid {
        height: unset !important;

        > .hero-block:hover {
            transform: unset !important;
        }
    }
}

.carousel-item-image-full-height {
    height: 100%;
    width: 100%;
    display: flex; /* fix potential gaps below images */
}

/* Force the actual <img> tag to stretch and crop nicely */
.swiper-slide .wp-block-image img {
    height: 100% !important; /* Forces image to be as tall as the slide */
    width: 100%; /* Ensures full width */
    object-fit: cover; /* Crops the sides to fit the height without distortion */
}

/* Force all slides to be the same height */
.swiper-wrapper {
    align-items: stretch !important;
}

.swiper-slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column;
}

/* Optional: Make the content inside the slide fill the full height
   (Useful if you have background colors on your blocks) */
.swiper-slide > .wp-block-group,
.swiper-slide > .wp-block-cover,
.swiper-slide > div {
    flex-grow: 1;
}

@media (max-width: 1200px) {
    .wp-block-columns.stack-laptop {
        flex-wrap: wrap !important;
    }

    /* Force each column to take up 100% width */
    .wp-block-columns.stack-laptop > .wp-block-column {
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }

    /* Remove margin from the last column */
    .wp-block-columns.stack-laptop > .wp-block-column:last-child {
        margin-bottom: 0;
    }
}