/* Sanitua blue text across all Home hero slides. */
.sanitua-home .clapat-slider-wrapper .clapat-slider-caption .item-caption {
    color: #133a94;
    text-shadow: none;
}

.sanitua-home .clapat-slider-caption .item-caption .item-title {
    color: #133a94;
}

.sanitua-home .clapat-slider-caption .item-caption .item-role {
    color: #133a94;
}

.sanitua-home .showcase-slider-parallax
.clapat-pagination-bullet:not(.clapat-pagination-bullet-active) .bullet-number {
    opacity: 0.7;
}

.sanitua-home .showcase-slider-parallax
.clapat-pagination-bullet::after {
    opacity: 0.45;
}

.sanitua-home .preloader-caption {
    color: #fff;
}

.sanitua-home .clapat-slider-progress .progress-info-fill,
.sanitua-home .clapat-slider-progress .progress-info-empty {
    -webkit-text-fill-color: rgba(19, 58, 148, 0.1);
    background-image: linear-gradient(#133a94, #133a94);
}

/* Keep the complete images visible, with white space around the subjects. */
.sanitua-home .clapat-slider .item-media-wrapper {
    background-color: #fff;
}

.sanitua-home .clapat-slider .sanitua-digital-twin,
.sanitua-home .clapat-slider .sanitua-data-platform {
    object-fit: contain;
    object-position: right center;
    box-sizing: border-box;
    padding: clamp(16px, 3vw, 72px);
    background-color: #fff;
}

@media (max-width: 767px) and (orientation: portrait) {
    .sanitua-home .clapat-slider .sanitua-digital-twin,
    .sanitua-home .clapat-slider .sanitua-data-platform {
        object-position: center 64%;
    }

    .sanitua-home .sanitua-light-media::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.9),
            rgba(255, 255, 255, 0.55) 58%, rgba(255, 255, 255, 0));
    }
}

/* Trial image: preserve the white space behind captions and controls. */
.sanitua-home .clapat-slider .sanitua-trial-image {
    object-fit: contain;
    object-position: right center;
}

.sanitua-home .sanitua-light-media:has(.sanitua-trial-image)::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 18vw 80px at 94% 50%, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 30%),
        linear-gradient(90deg, #fff 0%, #fff 45%, rgba(255, 255, 255, 0) 72%);
}

/* Full-screen placeholder for the images still to be chosen. */
.sanitua-home .sanitua-image-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background:
        linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 35%),
        linear-gradient(90deg, #fff 0%, #fff 42%, #f3f5fd 72%, #e5e9ff 100%);
    color: #133a94;
    font-size: 14px;
    pointer-events: none;
}

.sanitua-home .sanitua-image-placeholder > span {
    position: absolute;
    top: 30%;
    right: 16%;
}

.sanitua-home .item-media-wrapper:has(.sanitua-image-placeholder)::after {
    display: none;
}

@media (max-width: 767px) and (orientation: portrait) {
    .sanitua-home .clapat-slider .sanitua-trial-image {
        position: absolute;
        top: 56%;
        bottom: calc(180px + env(safe-area-inset-bottom));
        height: auto;
        object-position: right center;
    }

    .sanitua-home .sanitua-light-media:has(.sanitua-trial-image)::after {
        display: none;
    }

    .sanitua-home .sanitua-image-placeholder {
        background:
            linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 35%),
            linear-gradient(180deg, #fff 0%, #fff 48%, #f3f5fd 65%, #e5e9ff 100%);
    }

    .sanitua-home .sanitua-image-placeholder > span {
        top: 64%;
        right: 16%;
    }
}

@media (max-height: 500px) and (max-width: 1024px) {
    .sanitua-home .sanitua-image-placeholder > span {
        top: 40%;
    }
}