/* NOTE: CLIENTI (clienti.php). The video playlist of the premium pages, in the site colors, with the quotes
   keeping their paragraphs. */

.kmd-playlist {
    --kmd-premium-gold: var(--kmd-accent);
}

.kmd-playlist__text {
    white-space: pre-line;
}

/* desktop: the list next to the player, only as tall as the player (scrolls), the caption under both */
@media screen and (min-width: 1024px) {
    #testimoniale-video .kmd-playlist__stage {
        display: contents;
    }

    #testimoniale-video .kmd-playlist__player {
        grid-area: 1 / 1;
    }

    #testimoniale-video .kmd-playlist__list {
        grid-area: 1 / 2;
        align-self: stretch;
        max-height: none;
        contain: size;
    }

    #testimoniale-video .kmd-playlist__caption {
        grid-area: 2 / 1 / 3 / -1;
        max-width: none;
    }
}

/* NOTE: STORIES. Heading as large as the video one; the photos keep their own size (no cropping). */

#povesti .kmd-section-head__title {
    font-size: 40px;
    line-height: 1.15;
}

#povesti .kmd-media-row__image {
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    background: none;
}

@media screen and (max-width: 767px) {
    #povesti .kmd-section-head__title {
        font-size: 30px;
    }
}