/* ==========================================================================
   SEDLEX AI — Front-end slider
   ========================================================================== */

.sedlex-slider {
    position: relative;
    width: 100%;
    height: var( --sedlex-slider-h, 420px );
    overflow: hidden;
    background: #1d2327;
    border-radius: 4px;
}

/* ===== Horizontal / Vertical: track-based ===== */

.sedlex-slider--slide-horizontal .sedlex-slider-track,
.sedlex-slider--slide-vertical   .sedlex-slider-track {
    display: flex;
    height: 100%;
    will-change: transform;
    transition: transform var( --sedlex-slider-t, 700ms ) ease;
}

.sedlex-slider--slide-horizontal .sedlex-slider-track { flex-direction: row;    width: 100%; }
.sedlex-slider--slide-vertical   .sedlex-slider-track { flex-direction: column; width: 100%; }

.sedlex-slider--slide-horizontal .sedlex-slide,
.sedlex-slider--slide-vertical   .sedlex-slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* ===== Fade: stacked, opacity-based ===== */

.sedlex-slider--fade .sedlex-slider-track {
    position: relative;
    width: 100%;
    height: 100%;
}

.sedlex-slider--fade .sedlex-slide {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: opacity var( --sedlex-slider-t, 700ms ) ease;
}
.sedlex-slider--fade .sedlex-slide.is-active {
    opacity: 1;
    visibility: visible;
}

/* ===== Slide content (caption, link) ===== */

.sedlex-slide-img { display: none; } /* preload-only; kept for SEO/alt */

.sedlex-slide-link {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    background: linear-gradient( to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 50%, rgba(0,0,0,0) 100% );
}

.sedlex-slide-caption {
    width: 100%;
    padding: 24px 32px 32px;
    box-sizing: border-box;
    text-align: center;
}

.sedlex-slide-title {
    color: #fff;
    margin: 0;
    font-size: clamp( 1.4rem, 2.6vw, 2.4rem );
    font-weight: 600;
    text-shadow: 0 2px 8px rgba(0,0,0,.45);
}

.sedlex-slide-subtitle {
    margin: 8px 0 0;
    font-size: clamp( 1rem, 1.6vw, 1.2rem );
    color: rgba( 255, 255, 255, 0.92 );
    text-shadow: 0 1px 6px rgba(0,0,0,.45);
}

/* ===== Arrows ===== */

.sedlex-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY( -50% );
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: rgba( 0, 0, 0, 0.5 );
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    z-index: 5;
    transition: background .15s ease;
}
.sedlex-slider-arrow:hover { background: rgba( 0, 0, 0, 0.75 ); }
.sedlex-slider-prev { left: 16px; }
.sedlex-slider-next { right: 16px; }

/* ===== Dots ===== */

.sedlex-slider-dots {
    position: absolute;
    bottom: 12px;
    left: 0; right: 0;
    text-align: center;
    z-index: 5;
}
.sedlex-slider-dot {
    width: 10px;
    height: 10px;
    margin: 0 4px;
    border: none;
    border-radius: 50%;
    background: rgba( 255, 255, 255, 0.45 );
    cursor: pointer;
    padding: 0;
    transition: background .15s ease, transform .15s ease;
}
.sedlex-slider-dot:hover { background: rgba( 255, 255, 255, 0.75 ); }
.sedlex-slider-dot.is-active {
    background: #fff;
    transform: scale( 1.25 );
}

/* ===== Article body under the slider ===== */

.sedlex-slider-wrap { width: 100%; }

.sedlex-slider-bodies {
    margin-top: 18px;
}

.sedlex-slider-body {
    display: none;
    line-height: 1.6;
}
.sedlex-slider-body.is-active { display: block; animation: sedlex-slider-fadein .4s ease; }

.sedlex-slider-body-title {
    font-size: 1.6em;
    margin: 0 0 12px;
    color: inherit;
}

@keyframes sedlex-slider-fadein {
    from { opacity: 0; transform: translateY( 6px ); }
    to   { opacity: 1; transform: translateY( 0 ); }
}

/* Reduced motion */
@media ( prefers-reduced-motion: reduce ) {
    .sedlex-slider-track,
    .sedlex-slide,
    .sedlex-slider-body.is-active { transition: none !important; animation: none !important; }
}