/* Hide the extra SVG arrow inside the carousel button */
button.swiper-button .swiper-navigation-icon {
    display: none !important;
}
/* Left-align carousel content */
article.swiper-slide .entry-wrapper,
article.swiper-slide .entry-title {
    text-align: left !important;
}

/* Read More button for homepage carousel */
article.swiper-slide .entry-title a[rel="bookmark"] {
    display: inline-block;
}

article.swiper-slide .entry-title a[rel="bookmark"]::after {
    content: "Read More →";
    display: block;
    width: fit-content;
    margin-top: 12px;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding: 10px 20px;
    background: #bc2929;
    color: #ffffff;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: transform .2s ease, background-color .2s ease;
}

article.swiper-slide .entry-title a[rel="bookmark"]:hover::after {
    background: #a32222;
    transform: translateY(-2px);
}

/* Hide Read More button on mobile */
@media (max-width: 768px) {
    article.swiper-slide .entry-title a[rel="bookmark"]::after {
        display: none !important;
        content: none !important;
    }
}
}
/* Left-align carousel title and Read More button */
article.swiper-slide .entry-wrapper,
article.swiper-slide .entry-title {
    text-align: left !important;
}
/* Clean metadata styling */
article.swiper-slide .entry-meta {
    font-size: 0.92em;
    line-height: 1.4;
}

/* Author */
article.swiper-slide .entry-meta .author,
article.swiper-slide .entry-meta .byline,
article.swiper-slide .entry-meta [class*="author"] {
    text-transform: none !important;
    font-weight: 500;
    opacity: 1;
}

/* Date */
article.swiper-slide .entry-meta time,
article.swiper-slide .entry-meta .entry-date,
article.swiper-slide .entry-meta .posted-on {
    text-transform: none !important;
    font-size: 0.92em;
    opacity: 0.75;
}
article.swiper-slide .entry-wrapper {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.80),
        rgba(0, 0, 0, 0.45)
    ) !important;
}

article.swiper-slide .entry-wrapper {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.80),
        rgba(0, 0, 0, 0.45)
    ) !important;
}

article.swiper-slide .entry-title,
article.swiper-slide .entry-meta {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}
article.swiper-slide img {
    transition: transform .3s ease;
}

article.swiper-slide:hover img {
    transform: scale(1.03);
}