/*
 * Auth slider (Splide) — login / forgot-password / password-reset views.
 *
 * The legacy theme styled the auth slider via `.slick-slider` (Slick Carousel)
 * selectors. After migrating to Splide those rules no longer apply, which left
 * the background images invisible (no width/height/cover) and removed the
 * horizontal padding around the slider text. This file restores the same
 * visual layout for the Splide-based markup (`.auth-splide`).
 */

.auth-splide,
.auth-splide .splide__track,
.auth-splide .splide__list,
.auth-splide .splide__slide {
    height: 100%;
}

.auth-splide .slide-img-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.4;
    z-index: 10;
}

.auth-splide .slider-content {
    position: relative;
    z-index: 15;
    text-align: center;
    margin: 0 6rem;
    color: #fff;
}

.auth-splide .slider-content h3 {
    font-size: 1.54rem;
    font-weight: normal;
    margin-bottom: 1.5rem;
}

.auth-splide .slider-content p {
    font-size: 0.88rem;
    opacity: 0.8;
}