/* Page News Styles - Tabloid Layout */

/* Tabloid Article Cards */
.tabloid-article {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tabloid-article:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.tabloid-article .card-img-top {
    transition: transform 0.3s ease;
}

.tabloid-article:hover .card-img-top {
    transform: scale(1.05);
}

.tabloid-article .card-img-top .carousel,
.tabloid-article .card-img-top .carousel-inner,
.tabloid-article .card-img-top .carousel-item,
.tabloid-article .card-img-top .carousel-item img {
    height: 100%;
}

.tabloid-article .card-img-top .carousel-item img {
    object-fit: cover;
}

.tabloid-article a {
    transition: color 0.2s ease;
}

.tabloid-article a:hover {
    color: var(--bs-primary) !important;
}

/* Featured Article Styling */
.news-featured-article .card-img-top {
    transition: transform 0.3s ease;
}

.news-featured-article:hover .card-img-top {
    transform: scale(1.02);
}

.news-featured-article .card-img-top .carousel,
.news-featured-article .card-img-top .carousel-inner,
.news-featured-article .card-img-top .carousel-item,
.news-featured-article .card-img-top .carousel-item img {
    height: 100%;
}

.news-featured-article .card-img-top .carousel-item img {
    object-fit: cover;
}

.news-featured-article .card-title a {
    transition: color 0.2s ease;
}

.news-featured-article .card-title a:hover {
    color: var(--bs-primary) !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .news-featured-article .card-img-top {
        height: 350px !important;
    }
    
    .tabloid-article .card-img-top {
        height: 200px !important;
    }
}