/* ============================================================
   Ana sayfa manşet stilleri (Swiper)
   - Ana manşet  : .news-carousel (fade hero + kırmızı pagination + oklar)
   - Üst manşet   : .logo-carousel (sadece Tailwind ile; ek CSS gerekmez)
   ============================================================ */

/* Pagination: gri değil tamamen KIRMIZI; tüm noktalar aynı boyutta yuvarlak.
   Aktif: dolu koyu kırmızı, pasif: soluk kırmızı (pill/büyüme yok). */
.news-carousel .swiper-pagination {
    position: static;
    padding: 12px 0 6px;
}

.news-carousel .swiper-pagination-bullet {
    width: 28px;
    height: 28px;
    margin: 0 4px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #e30613 !important;
    opacity: 0.4 !important;
    border-radius: 9999px;
    transition: opacity .25s ease, transform .25s ease;
}

.news-carousel .swiper-pagination-bullet-active {
    background: #e30613 !important;
    opacity: 1 !important;
    transform: scale(1.08);
}

/* Sol/sağ ok butonları (içerideki Font Awesome ikonu kullanılır) */
.news-carousel .swiper-button-next,
.news-carousel .swiper-button-prev {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 9999px;
    background: rgba(0, 0, 0, .45);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    transition: background .2s ease;
    top: 45%;
}

.news-carousel .swiper-button-next:hover,
.news-carousel .swiper-button-prev:hover {
    background: #e30613;
}

/* Swiper'ın varsayılan boş ok fontunu gizle */
.news-carousel .swiper-button-next::after,
.news-carousel .swiper-button-prev::after {
    display: none;
}

.news-carousel .swiper-button-next i,
.news-carousel .swiper-button-prev i {
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .news-carousel .swiper-button-next,
    .news-carousel .swiper-button-prev {
        width: 2rem;
        height: 2rem;
    }

    /* Mobilde sayılar gizli + küçük düz nokta */
    .news-carousel .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        font-size: 0;
        margin: 0 2px !important;
    }

    /* Mobilde manşet ile noktalar arası boşluğu azalt */
    .news-carousel .swiper-pagination {
        padding: 2px 0 4px;
    }
}