/* Reytingler sayfası (2026-10-12) — modul/sayfa_rating.php; css/sayfa.css (.sy) üstüne.
   Açık renkler: blog sayfasıyla (css/haber.css, #blog.hb) aynı palet — açık gri zemin, beyaz kartlar, lacivert başlık, kırmızı vurgu */
.sy.ry{
	--ry-vurgu:#d0021b; --ry-lacivert:#0a2540; --ry-yazi:#1b1b1f; --ry-soluk:#6b6f76; --ry-cizgi:#e4e6ea; --ry-zemin:#f4f5f7; --ry-acik:#f7f8fa;
	box-sizing:border-box; margin-top:0; padding:14px 15px 24px; background:var(--ry-zemin); color:var(--ry-yazi); font-family:Poppins,Arial,sans-serif;
}
.sy.ry a{color:var(--ry-vurgu);}

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

/* tür sekmeleri */
.ry-sekmeler{display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px;}
.sy.ry .ry-sekmeler a{display:inline-flex; align-items:center; height:36px; padding:0 16px; border:1px solid var(--ry-cizgi); border-radius:6px;
	background:#fff; color:var(--ry-yazi); font-size:13.5px; font-weight:500; text-decoration:none; transition:background .15s, border-color .15s, color .15s;}
.sy.ry .ry-sekmeler a:hover{border-color:var(--ry-lacivert); color:var(--ry-lacivert);}
.sy.ry .ry-sekmeler a.aktif{border-color:var(--ry-vurgu); background:var(--ry-vurgu); color:#fff; font-weight:600;}

/* kart + başlığı + dönem seçici */
.sy.ry .sy-kart{background:#fff; border:1px solid var(--ry-cizgi); border-radius:6px; box-shadow:0 1px 2px rgba(10,37,64,.04);}
.ry-kart{padding:16px 18px 18px;}
.ry-ust{position:relative; display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid var(--ry-cizgi);}
.ry-ust::after{content:""; position:absolute; left:0; bottom:-1px; width:48px; height:2px; background:var(--ry-vurgu);}
.sy.ry .ry-baslik h2{margin:0; font-size:19px; font-weight:700; line-height:1.3; color:var(--ry-lacivert);}
.ry-baslik span{display:block; margin-top:2px; font-size:12.5px; color:var(--ry-soluk);}
.ry-donem{display:flex; align-items:center; gap:8px; flex-shrink:0;}
.ry-donem label{font-size:12.5px; color:var(--ry-soluk);}
.sy.ry .ry-donem select{width:auto; min-width:170px; height:34px; padding:0 30px 0 10px; border:1px solid #d9dce1; border-radius:6px; background-color:#fff; color:var(--ry-yazi); font-size:13px; cursor:pointer;}
.sy.ry .ry-donem select:hover{border-color:var(--ry-lacivert);}
.sy.ry .ry-donem select:focus{border-color:var(--ry-vurgu);}

/* TV / radyo listesi: iki sütun, satır satır (1 | 2, 3 | 4 …) — üst sıralar sayfanın başında */
.ry-liste{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 14px;}
.ry-satir{display:grid; grid-template-columns:28px 52px minmax(0,1fr) minmax(0,1fr) 62px; align-items:center; gap:10px; height:51px; margin:0; padding:0 12px 0 8px;
	background:var(--ry-acik); border:1px solid var(--ry-cizgi); border-radius:6px; transition:border-color .15s, background .15s;}
.ry-satir:hover{border-color:var(--ry-vurgu); background:#fdf1f2;}
.ry-sira{font-size:13px; font-weight:700; color:var(--ry-soluk); text-align:center;}
.ry-ust3 .ry-sira{width:26px; height:26px; border-radius:50%; background:var(--ry-vurgu); color:#fff; line-height:26px;}
.ry-logo{display:block; width:52px; height:39px; border:1px solid var(--ry-cizgi); border-radius:4px; background:#fff; object-fit:contain;}
.ry-harf{display:flex; align-items:center; justify-content:center; background:#eef0f3; color:var(--ry-lacivert); font-size:16px; font-weight:700;}
.sy.ry .ry-kanal{color:var(--ry-yazi); font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;}
.sy.ry a.ry-kanal:hover{color:var(--ry-vurgu); text-decoration:none;}
.ry-pay{display:block; height:10px; border-radius:5px; background:#e6e8ec; overflow:hidden;}
.ry-pay i{display:block; height:100%; min-width:4px; border-radius:5px; background:linear-gradient(90deg,#b0001a,#e5303c);}
.ry-oran{color:var(--ry-lacivert); font-size:13px; font-weight:700; text-align:right; white-space:nowrap;}

.ry-not{margin-top:12px; font-size:12px; color:var(--ry-soluk);}
.ry-bos{padding:30px 10px; color:var(--ry-soluk); text-align:center;}

/* gazete tirajları */
.ry-tablo-kap{border:1px solid var(--ry-cizgi); border-radius:6px; overflow:hidden;}
.ry-tablo{width:100%; border-collapse:collapse; font-size:13px;}
.ry-tablo th{padding:10px 12px; border-bottom:2px solid var(--ry-vurgu); background:#f0f2f5; color:var(--ry-lacivert); font-size:12.5px; font-weight:700; text-align:left;}
.ry-tablo td{padding:8px 12px; border-bottom:1px solid #eef0f3; color:#33363b; font-variant-numeric:tabular-nums;}
.ry-tablo tbody tr:nth-child(even) td{background:#fafbfc;}
.ry-tablo tbody tr:hover td{background:#fdf1f2;}
.ry-tablo tfoot td{background:#f0f2f5; color:var(--ry-lacivert); font-weight:700; border-bottom:0;}
.ry-tsira{width:50px; color:var(--ry-soluk) !important; font-weight:700;}
.ry-tad{color:var(--ry-yazi) !important; font-weight:600;}
.ry-sag{text-align:right !important;}
.ry-art{color:#1e7b34 !important; font-weight:600;}
.ry-azal{color:var(--ry-vurgu) !important; font-weight:600;}

/* reyting haberleri (sayfa_blog_liste.php) — blog kartları gibi */
.ry:not(.sy-mobil) .ry-haberler #blog_liste{width:auto; margin:0; background:none; overflow:visible;}
.ry:not(.sy-mobil) .ry-haberler #blog_liste .icerik{margin:0 0 10px; padding:8px; background:#fff; border:1px solid var(--ry-cizgi); border-radius:6px; transition:border-color .15s, box-shadow .15s;}
.ry:not(.sy-mobil) .ry-haberler #blog_liste .icerik:hover{border-color:var(--ry-vurgu); box-shadow:0 2px 8px rgba(10,37,64,.08);}
.ry:not(.sy-mobil) .ry-haberler #blog_liste .icerik a{text-decoration:none;}
.ry:not(.sy-mobil) .ry-haberler #blog_liste .resim-kucuk{background:#eef0f3; border-radius:4px;}
.ry:not(.sy-mobil) .ry-haberler #blog_liste .icerik h3{color:var(--ry-lacivert); font-size:17px; font-weight:700; line-height:1.35;}
.ry:not(.sy-mobil) .ry-haberler #blog_liste .icerik a:hover h3{color:var(--ry-vurgu);}
.ry:not(.sy-mobil) .ry-haberler #blog_liste .detail{color:#4a4e55;}
.ry:not(.sy-mobil) .ry-haberler #blog_liste .detail p{margin:0;}
.ry:not(.sy-mobil) .ry-haberler #blog_liste .bottom i{color:var(--ry-soluk);}

/* mobil */
.sy-mobil.ry{padding:12px 12px 20px;}
.sy-mobil .ry-sekmeler{flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.sy-mobil .ry-sekmeler a{flex:none;}
.sy-mobil .ry-kart{padding:12px;}
.sy-mobil .ry-ust{flex-direction:column; align-items:stretch; gap:10px;}
.sy-mobil .ry-donem select{flex:1; font-size:16px;}
.sy-mobil .ry-liste{grid-template-columns:1fr; gap:6px;}
.sy-mobil .ry-satir{grid-template-columns:26px 40px minmax(0,1fr) auto; grid-template-rows:auto auto; height:auto; row-gap:5px; padding:7px 10px 7px 6px;}
.sy-mobil .ry-sira, .sy-mobil .ry-logo{grid-row:1 / 3;}
.sy-mobil .ry-logo{width:40px; height:30px;}
.sy-mobil .ry-kanal{grid-column:3; grid-row:1;}
.sy-mobil .ry-oran{grid-column:4; grid-row:1;}
.sy-mobil .ry-pay{grid-column:3 / 5; grid-row:2; height:6px;}
.sy-mobil .ry-m-gizle{display:none;}
.sy-mobil .ry-tablo th, .sy-mobil .ry-tablo td{padding:7px 8px;}
.sy-mobil .ry-tsira{width:34px;}
.sy-mobil.ry .ry-haberler #blog_liste{background:none;}