/* 2026-10-09 ana sayfa haber slaytı (modul/sayfa-blog-anasayfa.php masaüstü, js/haber-slider.js)
   .ekran kutusunu doldurur: 1200px düzende 576x324 (16:9), 980px düzende 466x320 */
.hs{
	--kir1:#d72f2a; --kir2:#960d0d;
	position:absolute; inset:0; background:#000; outline:none;
	font-family:Poppins,"Segoe UI","Open Sans",Tahoma,Arial,sans-serif;
}
.hs *{box-sizing:border-box;}
.hs:focus-visible{outline:2px solid var(--kir1); outline-offset:2px;}
.hs-slaytlar{position:absolute; inset:0; overflow:hidden;}

/* slayt: üst üste durur, aktif olan görünür (yumuşak geçiş) */
.hs a.hs-slayt{
	position:absolute; inset:0; display:block; color:#fff; text-decoration:none;
	opacity:0; visibility:hidden; transition:opacity .6s ease, visibility .6s;
}
.hs a.hs-slayt.aktif{opacity:1; visibility:visible; z-index:1;}
.hs-slayt img{display:block; width:100%; height:100%; object-fit:cover; background:#151515; transform:scale(1.06); transition:transform 7s linear;}
.hs-slayt.aktif img{transform:scale(1);}
.hs-slayt::after{
	content:""; position:absolute; inset:0; pointer-events:none;
	background:linear-gradient(to bottom, rgba(0,0,0,0) 38%, rgba(0,0,0,.55) 64%, rgba(0,0,0,.94) 100%);
}

/* alt yazı: kategori / başlık / tarih */
.hs-alt{position:absolute; left:0; right:0; bottom:0; z-index:2; padding:0 18px 14px;}
.hs-alt .kategori{margin:0 0 7px; padding:2px 8px; border-radius:3px; font-size:12px; font-weight:600; color:#fff; letter-spacing:.2px;}
.hs-baslik{
	display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
	font-size:21px; line-height:1.28; font-weight:600; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.8);
	transition:color .15s;
}
.hs a.hs-slayt:hover .hs-baslik{color:#ffcc00;}
.hs-tarih{display:block; margin-top:6px; font-style:normal; font-size:12px; line-height:16px; color:#b9b9b9;}

/* önceki / sonraki okları (üzerine gelince görünür) */
.hs-ok{
	position:absolute; top:50%; z-index:3; width:38px; height:38px; margin-top:-34px; padding:0; cursor:pointer;
	border:1px solid rgba(255,255,255,.25); border-radius:50%; background:rgba(0,0,0,.5);
	opacity:0; transition:opacity .2s, background .15s, border-color .15s;
}
.hs-ok::before{
	content:""; position:absolute; top:50%; left:50%; width:9px; height:9px; margin:-5px 0 0 -3px;
	border:solid #fff; border-width:0 2px 2px 0; transform:rotate(135deg);
}
.hs-onceki{left:10px;}
.hs-sonraki{right:10px;}
.hs-sonraki::before{margin-left:-7px; transform:rotate(-45deg);}
.hs:hover .hs-ok, .hs:focus-within .hs-ok{opacity:1;}
.hs-ok:hover, .hs-ok:focus-visible{background:linear-gradient(var(--kir1),var(--kir2)); border-color:var(--kir1); outline:none;}

/* noktalar: sağ alt, tarih satırı hizasında */
.hs-noktalar{position:absolute; right:16px; bottom:18px; z-index:3; display:flex; gap:6px;}
.hs-noktalar button{width:8px; height:8px; padding:0; border:0; border-radius:4px; background:rgba(255,255,255,.4); cursor:pointer; transition:width .3s, background .2s;}
.hs-noktalar button:hover{background:rgba(255,255,255,.75);}
.hs-noktalar button.aktif{width:22px; background:var(--kir1);}

/* otomatik geçiş süre çubuğu */
.hs-sure{position:absolute; left:0; right:0; bottom:0; z-index:3; height:3px; background:rgba(255,255,255,.1);}
.hs-sure i{display:block; width:0; height:100%; background:linear-gradient(90deg,var(--kir2),var(--kir1));}
.hs-sure.calis i{width:100%; transition:width var(--sure,6s) linear;}

/* "Tüm Haberler" düğmesi (2026-10-12: eski görsel yerine) — reyting sekmeleri / ay seçici / "Devamını oku" ile aynı düğme dili:
   düz koyu zemin, ince gri kenarlık, 4px köşe; üzerine gelince düz kırmızı */
.hs a.hs-tum{
	position:absolute; top:12px; right:12px; z-index:4; display:inline-flex; align-items:center; gap:8px;
	height:29px; padding:0 12px; box-sizing:border-box; border:1px solid #3a3a3a; border-radius:4px;
	background:rgba(22,22,22,.88); box-shadow:0 2px 8px rgba(0,0,0,.45);
	color:#e6e6e6; font-size:12.5px; font-weight:500; line-height:1; text-decoration:none; white-space:nowrap;
	transition:background .15s, border-color .15s, color .15s;
}
.hs a.hs-tum::after{content:""; width:6px; height:6px; margin-top:1px; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:rotate(-45deg);}
.hs a.hs-tum:hover, .hs a.hs-tum:focus-visible{background:#b31c1a; border-color:#b31c1a; color:#fff; outline:none;}

/* 980px düzende (kategori sayfaları) başlık biraz küçük */
.ekran{container-type:inline-size;}
@container (max-width:500px){
	.hs-baslik{font-size:18px;}
}

@media (prefers-reduced-motion: reduce){
	.hs a.hs-slayt, .hs-slayt img, .hs-sure.calis i{transition:none;}
	.hs-slayt img{transform:none;}
}