/* Kanal Bilgileri sayfası (2026-10-13) — modul/sayfa_kanallist.php (masaüstü); css/sayfa.css (.sy) üstüne.
   Açık renkler: blog / reytingler / uydu frekansları sayfalarıyla aynı palet */
.sy.kb{
	--kb-vurgu:#d0021b; --kb-lacivert:#0a2540; --kb-yazi:#1b1b1f; --kb-soluk:#6b6f76; --kb-cizgi:#e4e6ea; --kb-zemin:#f4f5f7; --kb-acik:#f7f8fa;
	box-sizing:border-box; margin-top:0; padding:14px 15px 24px; background:var(--kb-zemin); color:var(--kb-yazi); font-family:Poppins,Arial,sans-serif;
}
.sy.kb a{color:var(--kb-vurgu);}

/* başlık: lacivert, solda kırmızı çubuk, altta lacivert çizgi */
.kb .sy-ust{margin-bottom:14px; padding-bottom:10px; border-bottom:3px solid var(--kb-lacivert);}
.kb .sy-yol{color:var(--kb-soluk);}
.sy.kb .sy-yol a{color:var(--kb-lacivert);}
.kb .sy-yol span{color:#b0b4ba;}
.sy.kb h1{position:relative; padding-left:14px; font-size:28px; font-weight:700; color:var(--kb-lacivert);}
.sy.kb h1::before{content:""; position:absolute; left:0; top:4px; bottom:4px; width:5px; border-radius:3px; background:var(--kb-vurgu);}
.kb .sy-ust p{color:var(--kb-soluk); max-width:none;}

/* kart */
.sy.kb .sy-kart{background:#fff; border:1px solid var(--kb-cizgi); border-radius:6px; box-shadow:0 1px 2px rgba(10,37,64,.04);}
.kb-kart{padding:16px 18px 18px;}

/* filtre çubuğu: tür düğmeleri + kategori + yayın merkezi + arama */
.kb-filtre{display:flex; align-items:center; flex-wrap:wrap; gap:10px 12px; margin-bottom:10px;}
.kb-turler{display:flex; gap:6px;}
.sy .kb-turler button{height:36px; padding:0 14px; border:1px solid var(--kb-cizgi); border-radius:6px; background:#fff; color:var(--kb-yazi); font:inherit; font-size:13px; font-weight:500; cursor:pointer; transition:background .15s, border-color .15s, color .15s;}
.sy .kb-turler button:hover{border-color:var(--kb-lacivert); color:var(--kb-lacivert);}
.sy .kb-turler button.aktif{border-color:var(--kb-vurgu); background:var(--kb-vurgu); color:#fff; font-weight:600;}
.sy .kb-filtre select{width:auto; min-width:190px; height:36px; padding:0 30px 0 10px; border:1px solid #d9dce1; border-radius:6px; background-color:#fff; color:var(--kb-yazi); font-size:13px; cursor:pointer;}
.sy .kb-filtre select:hover{border-color:var(--kb-lacivert);}
.sy .kb-filtre select:focus{border-color:var(--kb-vurgu);}
.kb-ara{position:relative; display:block; width:260px; margin-left:auto;}
.kb-ara svg{position:absolute; left:11px; top:50%; width:16px; height:16px; margin-top:-8px; fill:none; stroke:#8a8f97; stroke-width:2; stroke-linecap:round;}
.sy .kb-ara input{width:100%; height:36px; padding:0 12px 0 35px; border:1px solid #d9dce1; border-radius:6px; background:#fff; color:var(--kb-yazi); font:inherit; font-size:13px; outline:none;}
.sy .kb-ara input:hover{border-color:var(--kb-lacivert);}
.sy .kb-ara input:focus{border-color:var(--kb-vurgu);}
.sy .kb-ara input::placeholder{color:#9a9ea5;}
.kb-sayac{margin:0 0 12px; font-size:12.5px; color:var(--kb-soluk);}
.kb-sayac b{color:var(--kb-lacivert); font-weight:700;}
.sy.kb .kb-sayac a{color:var(--kb-vurgu); font-weight:500;}
.kb-bos{padding:40px 10px; color:var(--kb-soluk); text-align:center;}

/* kanal kartları: 3 sütun */
.kb-liste{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;}
.kb-k{display:flex; gap:12px; min-width:0; padding:10px; background:var(--kb-acik); border:1px solid var(--kb-cizgi); border-radius:6px; transition:border-color .15s, background .15s, box-shadow .15s;}
.kb-k:hover{border-color:var(--kb-vurgu); background:#fff; box-shadow:0 2px 8px rgba(10,37,64,.08);}
.sy.kb .kb-logo{flex:none; display:block; width:100px; height:75px; border:1px solid var(--kb-cizgi); border-radius:4px; background:#fff; overflow:hidden;}
.kb-logo img{display:block; width:100%; height:100%; object-fit:contain;}
.kb-bilgi{min-width:0; flex:1;}
.sy.kb .kb-ad{display:block; color:var(--kb-lacivert); font-size:15px; font-weight:700; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;}
.sy.kb .kb-ad:hover{color:var(--kb-vurgu);}
.kb-etiketler{display:flex; flex-wrap:wrap; gap:4px; margin:4px 0 6px;}
.kb-etiketler span{padding:0 6px; border-radius:3px; font-size:11px; font-weight:600; line-height:18px; white-space:nowrap;}
.kb-tur-tv{background:#fdeeee; color:#c4001a;}
.kb-tur-radyo{background:#e8f0fb; color:#12406f;}
.kb-grup{background:#eef0f3; color:#4a4e55;}
.kb-merkez{background:#fff; border:1px solid var(--kb-cizgi); color:#4a4e55; font-weight:500 !important;}
.kb-iletisim{list-style:none; margin:0; padding:0; font-size:12px; line-height:1.55; color:#33363b;}
.kb-iletisim li{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.kb-iletisim li span{display:inline-block; width:52px; color:var(--kb-soluk);}
.sy.kb .kb-iletisim a{color:var(--kb-lacivert); text-decoration:none;}
.sy.kb .kb-iletisim a:hover{color:var(--kb-vurgu); text-decoration:underline;}
.kb-iletisim .kb-yok{color:#9a9ea5; font-style:italic;}

/* sayfalama */
.kb-sayfalar{display:flex; justify-content:center; flex-wrap:wrap; gap:6px; margin-top:16px;}
.sy.kb .kb-sayfalar a, .kb-sayfalar b, .kb-sayfalar span{min-width:36px; height:36px; padding:0 10px; border-radius:6px; font-size:13px; line-height:34px; text-align:center; box-sizing:border-box;}
.sy.kb .kb-sayfalar a{border:1px solid var(--kb-cizgi); background:#fff; color:var(--kb-yazi); text-decoration:none;}
.sy.kb .kb-sayfalar a:hover{border-color:var(--kb-lacivert); color:var(--kb-lacivert);}
.kb-sayfalar b{border:1px solid var(--kb-vurgu); background:var(--kb-vurgu); color:#fff; font-weight:600;}
.kb-sayfalar span{color:var(--kb-soluk);}