/* ==========================================================================
   ANIME EPISODES - PREMIUM SEASON SLIDER
   Compact horizontal parallelogram style
========================================================================== */


/* CONTENEDOR STICKY */

.season-tabs-sticky-container {

    position:sticky;

    top:0;

    z-index:100;


    width:100%;


    background:

        linear-gradient(
            to bottom,
            rgba(10,10,15,.98),
            rgba(10,10,15,.90)
        );


    backdrop-filter:blur(10px);


    padding:

        0
        0
        6px;

}





/* WRAPPER */

.season-carousel-wrapper {

    width:100%;

    overflow:hidden;

    margin:0;

    padding:0;

}





/* TRACK */

.season-slider {


    display:flex;


    align-items:center;


    gap:8px;


    width:100%;


    overflow-x:auto;


    padding:

        6px
        0
        6px;


    scroll-behavior:smooth;


    scrollbar-width:none;


    -ms-overflow-style:none;


    cursor:grab;


}



.season-slider::-webkit-scrollbar {

    display:none;

}





.season-slider.is-dragging {

    cursor:grabbing;

}






/* ITEMS */

.season-item {


    flex:0 0 auto;


    width:110px;


    background:none;


    border:0;


    padding:0;


    cursor:pointer;


    transition:

        transform .25s ease;

}




.season-item:hover {


    transform:

        translateY(-3px);

}







/* PARALELOGRAMO HORIZONTAL */

.season-parallelogram {


    position:relative;


    width:110px;


    height:48px;


    overflow:hidden;


    background:#15151d;


    border-radius:6px;


    transform:

        skewX(-18deg);



    box-shadow:

        0 5px 15px
        rgba(0,0,0,.45);


    transition:

        box-shadow .3s ease,
        transform .3s ease;

}







/* IMAGEN */

.season-img {


    width:120%;


    height:100%;


    object-fit:cover;


    transform:

        skewX(18deg)
        scale(1.15);


    transition:

        transform .35s ease;

}





.season-item:hover
.season-img {


    transform:

        skewX(18deg)
        scale(1.25);

}







/* SOMBRA INTERNA */

.season-parallelogram::after {


    content:"";


    position:absolute;


    inset:0;


    background:

        linear-gradient(

            90deg,

            rgba(0,0,0,.35),

            transparent 50%,

            rgba(0,0,0,.45)

        );


    pointer-events:none;

}

/* REFLEJO PREMIUM HOVER */

.season-parallelogram::before {

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            120deg,
            transparent 35%,
            rgba(255,255,255,.18),
            transparent 65%
        );


    transform:
        translateX(-120%);


    transition:
        transform .6s ease;


    z-index:2;

}



.season-item:hover
.season-parallelogram::before {


    transform:
        translateX(120%);

}







/* TEMPORADA ACTIVA */

.season-item.active-temp {


    transform:

        translateY(-4px);

}




.season-item.active-temp
.season-parallelogram {


    box-shadow:


        0 0 0 2px
        var(--accent-color,#c19937),


        0 8px 20px
        rgba(0,0,0,.6);

}







/* TEXTO */

.season-label {


    display:block;


    margin-top:5px;


    font-size:.65rem;


    font-weight:600;


    color:white;


    text-align:center;


    max-width:110px;


    overflow:hidden;


    text-overflow:ellipsis;


    white-space:nowrap;

}








/* MOBILE */

@media(max-width:768px){


    .season-slider {


        gap:6px;

    }



    .season-item {


        width:85px;

    }



    .season-parallelogram {


        width:85px;


        height:40px;


        border-radius:5px;

    }



    .season-label {


        font-size:.58rem;


        max-width:85px;

    }


}