/*
 * Styles of the estate exposé view: the slideshow thumbnail strip (the
 * Vorbild's mosaic), the video play overlay, the energy scale, the map box
 * and the print layout.
 */

.imo-mosaik {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.imo-mosaik a {
    display: block;
    width: calc(10% - 4px);
    line-height: 0;
}

.imo-mosaik img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
}

.imo-mosaik-video {
    align-items: center;
    aspect-ratio: 4 / 3;
    display: flex;
    justify-content: center;
    width: 100%;
}

/* The Vorbild's muted placeholder tiles keep the mosaic rhythm when a row
   is not filled; the muted background comes from the theme. */
.imo-mosaik-empty {
    aspect-ratio: 4 / 3;
    display: block;
    width: calc(10% - 4px);
}

/* The documents-and-links strip is square like the Vorbild's tile images
   (link.jpg, pdf.jpg are 1:1). */
.imo-mosaik-links .imo-mosaik-tile,
.imo-mosaik-links .imo-mosaik-empty {
    aspect-ratio: 1 / 1;
    width: calc(8.3333% - 4px);
}

.imo-mosaik-tile {
    display: block;
    line-height: 0;
    width: calc(10% - 4px);
}

.imo-mosaik-tile img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
}


.imo-slide-title {
    text-shadow: 2px 2px 2px rgb(0 0 0 / 80%);
}

.imo-play span,
.default-incl-slideshow .uk-position-center span {
    filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 80%));
}

.imo-energy-scale svg {
    height: auto;
    width: 100%;
}

/* The map box clips its content — neither the consent cover nor the
   loaded tiles may paint over the placeholder border. */
.imo-map {
    height: 400px;
    overflow: hidden;
    position: relative;
}

.imo-map .imo-map-consent {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.imo-map .leaflet-container {
    height: 100%;
    width: 100%;
}

.imo-provider-logo {
    max-height: 60px;
    width: auto;
}

/* The honeypot field stays invisible for people; robots fill it anyway. */
.imo-contact-company {
    left: -9999px;
    position: absolute;
}

@media print {
    .imo-print a[href]::after {
        content: "";
    }
}