/*
 * Tuotegalleria (peh-product-gallery). Säännöt vastaavat BricksExtras 1.7.6:n proslider.css:n
 * galleriatilaa koskevia perustyylejä, jotta ulkoasu pysyy samana (G9, kohta 3.6). Juuressa on
 * myös vanha luokka brxe-xproslider ja listassa brxe-xproslidergallery.
 */
.x-slider,
.x-slider .splide__track,
.x-slider .splide__list,
.x-slider-gallery {
    width: 100%;
}

.x-slider {
    position: relative;
}

.x-slider.x-slider_no-slides {
    display: none;
}

.x-slider_slide {
    display: flex;
    height: auto;
    padding: 4rem 1rem;
}

.x-slider-gallery .x-slider_slide {
    padding: 0;
}

.x-slider_slide > *,
.x-slider_slide-image {
    position: relative;
}

.x-slider-gallery .splide__slide img {
    height: auto;
    width: 100%;
}

body.bricks-is-frontend .x-slider_slide:focus {
    outline: none;
}

body.bricks-is-frontend .x-slider_slide:focus-visible {
    outline: thin dotted currentcolor;
}

.x-slider:not(.is-overflow) .splide__slide:last-child {
    margin: 0 !important;
}

/* Nuolet: vain elementin omat (.x-splide__arrows), ei Spliden luomia. */
.x-slider .splide__arrows:not(.x-splide__arrows) {
    display: none;
}

.x-splide__arrows .splide__arrow {
    border-radius: 100%;
    color: currentColor;
    font-size: 16px;
    transition-duration: .3s;
    transition-property: opacity, color, background-color;
    transition-timing-function: ease;
}

.x-splide__arrows .splide__arrow i,
.x-splide__arrows .splide__arrow .x-splide__arrow-default {
    align-items: center;
    display: flex;
    height: 1em;
    justify-content: center;
    width: 1em;
}

.x-splide__arrows .splide__arrow .x-splide__arrow-default {
    fill: currentColor;
}

/* Ei liukuria (maybeConditionalSlider), kun kaikki kuvat mahtuvat. */
.x-no-slider .splide__arrows,
.x-no-slider .splide__pagination,
[data-x-no-slider="true"] .splide__arrows,
[data-x-no-slider="true"] .splide__pagination {
    display: none;
}