/**
 * Ken Burns Slider Styles
 */

/* Slider Container */
.genexpress-ken-burns-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    /* Default height, can be overridden by content or custom CSS */
    min-height: 100vh;
}

/* Slide Structure */
.genexpress-ken-burns-slide {
    position: relative;
    width: 100%;
    height: 100vh;
    /* Full viewport height by default */
    overflow: hidden;
}

/* Background Image Wrapper */
.genexpress-ken-burns-slide .slide-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    z-index: 1;

    /* Initial State for Inactive Slides */
    transform: scale(1.2);
    filter: blur(10px);
    /* Start blurred */
    transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), filter 1s cubic-bezier(0.7, 0, 0.3, 1);

    /* Opacity is handled inline by the block attribute, but we ensure it transitions smoothly if needed */
}

/* Active Slide State (Slick adds .slick-active) */
.genexpress-ken-burns-slide.slick-active .slide-image {
    /* Unblur when active */
    filter: blur(0);
    transform: scale(1);

    /* Start Ken Burns Zoom */
    animation-name: slideZoom;
    animation-duration: 6s;
    /* Slightly longer than autoplay to ensure movement */
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

/* Content Overlay */
.genexpress-ken-burns-slide .slide-content {
    position: relative;
    z-index: 10;
    /* High z-index to ensure it's above image and clickable */
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Center content vertically by default */
    pointer-events: none;
    /* Allow clicks to pass through container if needed, but children need pointer-events: auto */
}

.genexpress-ken-burns-slide .slide-content>* {
    pointer-events: auto;
    /* Re-enable pointer events for actual content */
}

/* Ken Burns Animation Keyframes */
@keyframes slideZoom {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}

/* Ensure Slick track takes full height */
.slick-track,
.slick-list {
    height: 100%;
}

/* Slider Arrows */
.genexpress-ken-burns-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    color: transparent;
    font-size: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.genexpress-ken-burns-slider .slick-arrow:hover {
    background: rgba(0, 0, 0, 0.6);
    border-color: rgba(255, 255, 255, 0.8);
}

.genexpress-ken-burns-slider .slick-prev {
    left: 30px;
}

.genexpress-ken-burns-slider .slick-next {
    right: 30px;
}

.genexpress-ken-burns-slider .slick-arrow::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
}

.genexpress-ken-burns-slider .slick-prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
}

.genexpress-ken-burns-slider .slick-next::before {
    transform: translate(-65%, -50%) rotate(45deg);
}