/* --- SLIDER INDICATOR (ÇİZGİ) STİLLERİ --- */
.carousel-indicators [data-bs-target] {
    width: 60px !important;       /* Çizgi uzunluğu */
    height: 5px !important;       /* Kalınlığı */
    border-radius: 10px !important;
    background-color: #cccccc !important; /* PASİF RENK */
    opacity: 1 !important;
}

/* Aktif olan çizgi */
.carousel-indicators .active {
    background-color: #4166D0 !important; /* AKTİF RENK (İSTEĞİN: kırmızı) */
}

/* --- SLIDER OK BUTONLARI --- */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-size: 50% !important !important;
}

/* Ok ikonlarının arka planını yuvarlak yapıyoruz */
.carousel-control-prev,
.carousel-control-next {
    width: 60px !important;
    height: 60px !important;
    background-color: #4166D0 !important;   /* Arkaplan rengi (değiştirebilirsin) */
    border-radius: 50% !important;                   /* YUVARLAK */
    top: 50% !important;
    transform: translateY(-50%) !important;

}

/* Hover efekti (opsiyonel) */
.carousel-control-prev:hover,
.carousel-control-next:hover {
    background-color: #4166D0 !important; /* Hover rengi (kırmızı tonlu) */
}
/* Ok (icon) rengini BEYAZ yap */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: brightness(0) invert(1) !important; /* BEYAZ YAPIYOR */
}
/* Sol ok: Soldan 48px içeride */
.carousel-control-prev {
    left: 48px !important;
}

/* Sağ ok: Sağdan 48px içeride */
.carousel-control-next {
    right: 48px !important;
}