/* Uydu frekansları sayfası (2026-10-12) — modul/sayfa_frekanslar.php, js/frekans.js; css/sayfa.css (.sy) üstüne.
   Açık renkler: blog (css/haber.css) ve reytingler (css/reyting.css) sayfalarıyla aynı palet */
.sy.fr{
	--fr-vurgu:#d0021b; --fr-lacivert:#0a2540; --fr-yazi:#1b1b1f; --fr-soluk:#6b6f76; --fr-cizgi:#e4e6ea; --fr-zemin:#f4f5f7;
	box-sizing:border-box; margin-top:0; padding:14px 15px 24px; background:var(--fr-zemin); color:var(--fr-yazi); font-family:Poppins,Arial,sans-serif;
}
.sy.fr a{color:var(--fr-vurgu);}

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

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

/* araç çubuğu: uydu filtresi + arama */
.fr-arac{display:flex; align-items:center; flex-wrap:wrap; gap:12px 14px; margin-bottom:10px;}
.fr-uydular{display:flex; flex-wrap:wrap; gap:6px;}
.fr-uydular button{display:inline-flex; align-items:center; gap:7px; height:34px; padding:0 12px; border:1px solid var(--fr-cizgi); border-radius:6px;
	background:#fff; color:var(--fr-yazi); font:inherit; font-size:13px; font-weight:500; cursor:pointer; transition:background .15s, border-color .15s, color .15s;}
.fr-uydular button b{min-width:20px; padding:0 6px; border-radius:9px; background:#eef0f3; color:var(--fr-soluk); font-size:11.5px; font-weight:600; line-height:17px; text-align:center;}
.fr-uydular button:hover{border-color:var(--fr-lacivert); color:var(--fr-lacivert);}
.fr-uydular button:focus-visible{outline:2px solid var(--fr-vurgu); outline-offset:2px;}
.fr-uydular button.aktif{border-color:var(--fr-vurgu); background:var(--fr-vurgu); color:#fff; font-weight:600;}
.fr-uydular button.aktif b{background:rgba(255,255,255,.22); color:#fff;}
.fr-ara{position:relative; display:block; width:300px; margin-left:auto;}
.fr-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 .fr-ara input{width:100%; height:36px; padding:0 12px 0 35px; border:1px solid #d9dce1; border-radius:6px; background:#fff; color:var(--fr-yazi); font:inherit; font-size:13px; outline:none;}
.sy .fr-ara input:hover{border-color:var(--fr-lacivert);}
.sy .fr-ara input:focus{border-color:var(--fr-vurgu);}
.sy .fr-ara input::placeholder{color:#9a9ea5;}
.fr-sayac{margin:0 0 8px; font-size:12px; color:var(--fr-soluk);}
.fr-sayac b{color:var(--fr-lacivert); font-weight:700;}

/* tablo — başlık satırı sayfa kaydırılırken üstte kalır */
.fr-kap{border:1px solid var(--fr-cizgi); border-radius:6px;}
.fr-tablo{width:100%; border-collapse:separate; border-spacing:0; font-size:13px;}
.fr-tablo th{position:sticky; top:0; z-index:1; padding:10px; border-bottom:2px solid var(--fr-vurgu); background:#f0f2f5; color:var(--fr-lacivert); font-size:12.5px; font-weight:700; text-align:left; white-space:nowrap;}
.fr-tablo th:first-child{border-top-left-radius:6px;}
.fr-tablo th:last-child{border-top-right-radius:6px;}
.fr-tablo td{padding:7px 10px; border-bottom:1px solid #eef0f3; color:#33363b; white-space:nowrap;}
.fr-tablo tbody tr:last-child td{border-bottom:0;}
.fr-tablo tbody tr.fr-cift td{background:#fafbfc;}
.fr-tablo tbody tr:hover td{background:#fdf1f2;}
.fr-tablo tr.fr-gizli{display:none;}
.fr-kanal{width:30%; color:var(--fr-yazi) !important; font-weight:600; white-space:normal !important;}
.fr-sag{text-align:right !important;}
.fr-sayi{font-variant-numeric:tabular-nums;}

/* rozetler */
.fr-tur{display:inline-block; margin-left:6px; padding:0 5px; border-radius:3px; background:#eef0f3; color:#4a4e55; font-size:10.5px; font-weight:700; line-height:16px; vertical-align:1px;}
.fr-tur-hd{background:#fdeeee; color:#c4001a;}
.fr-tur-4k{background:#fff3e0; color:#c94f00;}
.fr-tur-rd{background:#e8f0fb; color:#12406f;}
.fr-uydu{display:inline-block; padding:1px 9px; border:1px solid #d9dce1; border-radius:10px; background:#fff; color:var(--fr-lacivert); font-size:12px; font-weight:500;}
.fr-pol{display:inline-block; width:18px; height:18px; margin-right:3px; border-radius:3px; background:#e8f0fb; color:#12406f; font-size:11px; font-weight:700; line-height:18px; text-align:center;}
.fr-pol-v{background:#f3ebfb; color:#5b2a8a;}
.fr-yok{padding:30px 10px; color:var(--fr-soluk); text-align:center;}

/* mobil */
.sy-mobil.fr{margin:0; padding:12px 8px 20px;}   /* açık zemin kenara kadar; .sy-mobil dış boşluğu tabloyu taşırıyordu */
.sy-mobil .fr-kart{padding:10px 8px;}
.sy-mobil .fr-arac{display:block;} /* esnek kutu, yatay kayan uydu satırını kendi genişliğine zorluyordu */
.sy-mobil .fr-uydular{flex-wrap:nowrap; overflow-x:auto; margin-bottom:10px; padding-bottom:2px; -webkit-overflow-scrolling:touch;}
.sy-mobil .fr-uydular button{flex:none;}
.sy-mobil .fr-ara{width:auto; margin-left:0;}
.sy-mobil .fr-ara input{font-size:16px;}             /* iOS yakınlaştırmasın */
.sy-mobil .fr-pol-yazi{display:none;}                 /* mobilde yalnızca H / V rozeti */
.sy-mobil .fr-m-gizle{display:none;}
.fr-m-goster{display:none;}
.sy-mobil .fr-m-goster{display:inline;}
.sy-mobil .fr-tablo{font-size:12px;}
.sy-mobil .fr-tablo th, .sy-mobil .fr-tablo td{padding:7px 5px;}
.sy-mobil .fr-kanal{width:auto;}

/* 2026-10-14: kanal adı kanal frekans sayfasına bağlantı */
.sy.fr .fr-kanal a{color:inherit; text-decoration:none;}
.sy.fr .fr-kanal a:hover{color:var(--fr-vurgu); text-decoration:underline;}