/* Slider */
.slider-item{
    overflow:hidden;
    position:relative;
}

/* Image Container */
.post-image-container{
    position:relative;
    overflow:hidden;
    border-radius:0 !important;
}

/* Image */
.slider-img{
    width:100%;
    transition:transform .6s ease;
}

.slider-item:hover .slider-img{
    transform:scale(1.06);
}

/* Overlay */
.slider-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,0.55),
        rgba(0,0,0,0.05)
    );
    z-index:1;
}

/* Premium VIP Badge */
.vip-badge{
    position:absolute;
    top:15px;
    left:15px;
    z-index:999;

    display:flex;
    align-items:center;
    gap:8px;

    padding:10px 18px;
    border-radius:50px;

    background:linear-gradient(
        135deg,
        #FFD700 0%,
        #FFB800 25%,
        #FF8C00 55%,
        #FF6A00 100%
    );

    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:.6px;

    overflow:hidden;
    backdrop-filter:blur(5px);

    border:1px solid rgba(255,255,255,0.25);

    box-shadow:
        0 6px 18px rgba(255,140,0,.45),
        0 0 18px rgba(255,215,0,.45),
        inset 0 1px 2px rgba(255,255,255,.4);

    animation:vipPulse 2.5s infinite;

    transition:all .3s ease;
}

/* Shine Effect */
.vip-glow{
    position:absolute;
    width:140%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.45),
        transparent
    );

    transform:skewX(-25deg);

    left:-140%;
    top:0;

    animation:shine 3.5s infinite;
}

/* VIP Icon */
.vip-icon{
    width:26px;
    height:26px;

    border-radius:50%;

    background:rgba(255,255,255,0.22);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:13px;

    z-index:2;

    box-shadow:
        inset 0 1px 3px rgba(255,255,255,.5),
        0 2px 6px rgba(0,0,0,.18);
}

/* VIP Text */
.vip-text{
    position:relative;
    z-index:2;

    text-shadow:
        0 2px 6px rgba(0,0,0,.25);
}

/* Hover Effect */
.slider-item:hover .vip-badge{
    transform:
        translateY(-2px)
        scale(1.05);
}

/* Caption */
.caption{
    position:absolute;
    bottom:20px;
    left:20px;
    right:20px;
    z-index:5;
    color:#fff;
}

.caption .title a{
    color:#fff !important;
    font-weight:700;

    text-shadow:
        0 2px 10px rgba(0,0,0,.45);
}

/* Shine Animation */
@keyframes shine{
    100%{
        left:160%;
    }
}

/* Pulse Animation */
@keyframes vipPulse{

    0%{
        box-shadow:
            0 6px 18px rgba(255,140,0,.45),
            0 0 18px rgba(255,215,0,.45),
            inset 0 1px 2px rgba(255,255,255,.4);
    }

    50%{
        box-shadow:
            0 10px 28px rgba(255,140,0,.75),
            0 0 28px rgba(255,215,0,.75),
            inset 0 1px 3px rgba(255,255,255,.5);
    }

    100%{
        box-shadow:
            0 6px 18px rgba(255,140,0,.45),
            0 0 18px rgba(255,215,0,.45),
            inset 0 1px 2px rgba(255,255,255,.4);
    }

}

/* Mobile */
@media(max-width:768px){

    .vip-badge{
        top:10px;
        left:10px;
        padding:8px 14px;
        font-size:11px;
    }

    .vip-icon{
        width:20px;
        height:20px;
        font-size:10px;
    }

    .caption{
        left:15px;
        right:15px;
        bottom:15px;
    }

}