/* Custom styles for cover story section */

/* Base styles for all screen sizes */
.coverStorySwiper .img-shake2 {
    transition: transform 1s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.coverStorySwiper .img-shake {
    transition: transform 1s ease, width 1s ease, height 1s ease;
    z-index: 2;
}

.coverStorySwiper .card-text {
    display: -webkit-box;
    line-clamp: 10;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Medium screens and up */
@media (min-width: 768px) {
    .coverStorySwiper .card-body {
        padding: 2rem !important;
    }
    
    .coverStorySwiper .data-right {
        flex: 0 0 auto;
        width: auto;
        max-width: 450px;
    }
    
    .coverStorySwiper .data-left {
        flex: 1 1 auto;
        padding-right: 2rem !important;
    }
}

/* Large screens */
@media (min-width: 1200px) {
    .coverStorySwiper .img-shake2 {
        max-width: 500px !important;
    }
    
    .coverStorySwiper .img-shake {
        height: 190px !important;
        width: 190px !important;
    }
    
    .coverStorySwiper .card-body {
        padding: 3rem !important;
        justify-content: space-between !important;
    }
}

/* Extra large screens */
@media (min-width: 1600px) {
    .coverStorySwiper .img-shake2 {
        max-width: 550px !important;
    }
    
    .coverStorySwiper .img-shake {
        height: 210px !important;
        width: 210px !important;
    }
}