/* Genel Slider */
.haber-manset-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%; 
    height: 500px;
    margin: 0 auto 20px auto;
    background-color: #000;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    border-radius: 4px;
}
.haber-manset-wrapper * { box-sizing: border-box; }

.manset-slider {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
    touch-action: pan-y; 
}

.manset-item {
    min-width: 100%;
    height: 100%;
    position: relative;
}
.manset-item a { display: block; width: 100%; height: 100%; text-decoration: none; color: inherit; }
.manset-item img { width: 100%; height: 100%; object-fit: cover; }

.manset-caption {
    position: absolute;
    bottom: 50px; left: 0; width: 100%;
    padding: 20px 20px 30px 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.6) 60%, transparent 100%);
    color: #fff; z-index: 2;
}
.manset-caption h2 {
    font-size: 26px; font-weight: 700; line-height: 1.3; margin: 0; color: #fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.manset-ad-badge {
    position: absolute; top: 20px; right: 20px;
    background-color: rgba(255, 255, 255, 0.9); color: #333;
    padding: 5px 10px; font-size: 12px; font-weight: bold; border-radius: 3px; z-index: 5;
}

/* Navigasyon Çubuğu */
.manset-nav-bar {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 45px;
    background-color: #111; display: flex; align-items: center; justify-content: space-between;
    z-index: 10; border-top: 1px solid #333;
}

.manset-nav-arrows { display: flex; height: 100%; }
.manset-nav-arrows span {
    color: #fff; padding: 0 15px; cursor: pointer; font-size: 20px;
    display: flex; align-items: center; justify-content: center; height: 100%;
    background-color: #222; transition: background 0.3s;
}
.manset-nav-arrows span:hover { background-color: #444; }

/* Numaralar */
.manset-nav-numbers {
    display: flex; flex-grow: 1; height: 100%;
    /* Mobilde scroll yerine JS ile gizle/göster yapacağız */
    overflow: hidden; 
}

.manset-nav-numbers span {
    flex: 1;
    display: flex; align-items: center; justify-content: center;
    color: #bbb; font-size: 14px; font-weight: 600; cursor: pointer;
    border-right: 1px solid #2a2a2a; transition: all 0.2s; background-color: #111;
}
.manset-nav-numbers span:hover { background-color: #333; color: #fff; }
.manset-nav-numbers span.active { background-color: #ffc107; color: #000; }
.manset-nav-numbers span.reklam { background-color: #d32f2f; color: #fff; font-weight: 900; }
.manset-nav-numbers span.reklam.active { background-color: #b71c1c; color: #fff; }

.tum-mansetler-link { text-decoration: none; display: flex; height: 100%; }
.manset-nav-numbers span.tum-mansetler {
    background-color: #000; font-size: 11px; padding: 0 15px;
    white-space: nowrap; border-left: 1px solid #333; color: #fff;
}

/* Üç Nokta Stili (Sadece mobilde görünür olacak) */
.mobile-dots {
    display: none; /* Desktopta gizli */
    align-items: center; justify-content: center;
    color: #fff; padding: 0 10px; font-weight: bold; font-size: 18px;
    background-color: #111;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .haber-manset-wrapper { height: 350px; }
    .manset-caption h2 { font-size: 18px; }
    .manset-nav-arrows { display: none; }
    
    /* Mobilde numaraları sabitle ve genişlet */
    .manset-nav-numbers span {
        min-width: 45px; /* Daralmayı engeller */
        /* Flex-grow 0 yaparak genişlemeyi kontrol altına alıyoruz */
        flex-grow: 0; 
        flex-shrink: 0;
    }
    
    /* Varsayılan olarak mobilde tüm numaraları gizle */
    /* JS ile "display: flex" ekleyeceğiz */
    .manset-nav-numbers span[data-index] {
        display: none; 
    }
    
    .mobile-dots {
        display: flex; /* Mobilde görünür yap, JS kontrol edecek */
    }
}