/* Haftalık dizi programı (2026-10-14) — Desktop/dizi-programi örnek tasarımının ("B": bugünün dizileri üstte panel) uyarlaması.
   Tüm kurallar .dp altında: sitenin style.css / mobile.css sınıflarıyla (.nav, .kart, .saat …) çakışmaz. */
/* kapsayıcı + başlık: reytingler (css/reyting.css) ve uydu frekansları (css/frekans.css) ile aynı standart; css/sayfa.css (.sy) üstüne */
.sy.dp{--lac:#0a2540; --kir:#d0021b; --gri:#6b7280; --metin:#374151; --zemin:#f4f5f7; --cizgi:#e4e6ea; --soluk:#6b6f76;
	box-sizing:border-box; margin-top:0; padding:14px 15px 24px; background:var(--zemin); color:#1b1b1f; font-family:Poppins,Arial,sans-serif; text-align:left;}
.dp *{box-sizing:border-box}
.sy.dp a{color:inherit; text-decoration:none}
.dp button{font:inherit; cursor:pointer}
.dp h1,.dp h2,.dp h3{display:block; font-family:inherit; letter-spacing:normal; text-transform:none}

.dp .sy-ust{margin-bottom:14px; padding-bottom:10px; border-bottom:3px solid var(--lac);}
.dp .sy-yol{color:var(--soluk);}
.sy.dp .sy-yol a{color:var(--lac);}
.sy.dp .sy-yol a:hover{text-decoration:underline;}
.dp .sy-yol span{color:#b0b4ba;}
.sy.dp h1{position:relative; padding-left:14px; font-size:28px; font-weight:700; color:var(--lac);}
.sy.dp h1::before{content:""; position:absolute; left:0; top:4px; bottom:4px; width:5px; border-radius:3px; background:var(--kir);}
.dp .sy-ust p{color:var(--soluk); max-width:none;}

/* gün sekmeleri (başlığın altında, reytingler sayfasındaki tür sekmeleriyle aynı): sayfa içindeki gün bölümlerine gider */
.dp-gunler{display:flex; flex-wrap:wrap; gap:6px; margin:0 0 16px;}
.sy.dp .dp-gunler a{display:inline-flex; align-items:center; height:36px; padding:0 16px; border:1px solid var(--cizgi); border-radius:6px;
	background:#fff; color:#1b1b1f; font-size:13.5px; font-weight:500; white-space:nowrap; transition:background .15s, border-color .15s, color .15s;}
.sy.dp .dp-gunler a:hover{border-color:var(--lac); color:var(--lac);}
.sy.dp .dp-gunler a.aktif{border-color:var(--kir); background:var(--kir); color:#fff; font-weight:600;}
.dp-gunler .nk{display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--kir); margin-right:7px;}
.dp-gunler a.aktif .nk{background:#fff;}

.dp-durum{display:inline-block; font-size:11px; font-weight:700; padding:3px 8px; border-radius:3px; color:#fff; background:var(--gri)}
.dp-durum.bugun{background:var(--kir)}
.dp-durum.gelecek{background:#1f4ea8}

/* dizi kartları */
.dp-izgara{display:grid; grid-template-columns:repeat(auto-fill,minmax(440px,1fr)); gap:12px}
.dp-kart{display:flex; gap:14px; background:#fff; border-radius:8px; padding:14px; box-shadow:0 1px 2px rgba(10,37,64,.06); border:1px solid transparent; min-width:0}
.dp-kart.bugun{border-color:var(--kir)}
.dp-afis{flex:0 0 120px; aspect-ratio:2/3; align-self:flex-start; border-radius:6px; display:flex; align-items:flex-end; padding:8px 8px 26px; color:#fff;
	font:700 30px Poppins,Arial,sans-serif; background:linear-gradient(160deg,var(--k1),var(--k2)); position:relative; overflow:hidden; box-shadow:0 2px 6px rgba(10,37,64,.18)}
.dp-afis em{position:relative; z-index:1; font-style:normal; line-height:1}
.dp-afis i{position:absolute; right:-14px; top:-10px; z-index:0; font:800 92px/1 Poppins,Arial,sans-serif; font-style:normal; color:rgba(255,255,255,.08)}
.dp-afis img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2}
.dp-afis small{position:absolute; left:0; right:0; bottom:0; z-index:3; padding:4px 2px; text-align:center; font:700 10px Poppins,Arial,sans-serif; letter-spacing:.4px; background:var(--k1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.dp-icerik{min-width:0; flex:1; display:flex; flex-direction:column}
.dp-saat{display:inline-flex; align-self:flex-start; align-items:center; gap:6px; background:var(--lac); color:#fff; font-weight:700; font-size:13px; padding:3px 9px; border-radius:4px}
.dp-icerik h3{margin:8px 0 2px; color:var(--lac); font-size:19px; font-weight:700; line-height:1.25}
.dp-zaman{color:var(--kir); font-size:12.5px; font-weight:600}
.sy.dp .dp-zaman a{color:var(--kir)}
.sy.dp .dp-zaman a:hover{text-decoration:underline}
.dp-icerik p{margin:8px 0 0; color:#4b5563; font-size:13px; line-height:1.6}
.dp-alt{margin-top:auto; padding-top:10px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12px; color:var(--gri)}
.dp-kicker{font-size:10px; font-weight:700; padding:2px 6px; border-radius:3px; color:#fff}
.dp-k-final{background:#ef6c00}.dp-k-yeni{background:#1f4ea8}.dp-k-sezon{background:#558b2f}.dp-k-bugun{background:var(--kir)}
.dp-bos{background:#fff; border-radius:8px; padding:16px; color:var(--gri); font-size:13px; box-shadow:0 1px 2px rgba(10,37,64,.06)}

/* bugünün dizileri: öne alınmış panel */
.dp-panel{background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 18px rgba(208,2,27,.12); border:1px solid #f3c4c9; margin-bottom:8px; scroll-margin-top:12px}
.dp-serit{display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:12px 16px; background:linear-gradient(90deg,#d0021b,#9c0b12); color:#fff}
.dp-serit h2{margin:0; font-size:20px; color:#fff; font-weight:700}
.dp-serit time{opacity:.85; font-size:13px}
.dp-canli{display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.18); border-radius:999px; padding:3px 10px; font-size:11.5px; font-weight:700}
.dp-serit .dp-ya{margin-left:auto; font-size:13px; font-weight:600; color:#fff}
.sy.dp .dp-serit .dp-ya:hover{text-decoration:underline}
.dp-panel .dp-izgara{padding:14px; background:#fff8f8}
.dp-nabiz{display:inline-block; width:8px; height:8px; border-radius:50%; background:#fff; box-shadow:0 0 0 0 rgba(255,255,255,.7); animation:dpnb 1.6s infinite}
@keyframes dpnb{70%{box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.dp-diger{margin:22px 0 12px; font-size:13px; color:var(--gri); font-weight:600; letter-spacing:.5px; text-transform:uppercase}

/* haftanın diğer günleri */
.dp-gunbolum{margin-bottom:22px; scroll-margin-top:12px}
.dp-gunbas{display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:0 0 10px; margin-bottom:12px; border-bottom:2px solid #e4e6ea}
.dp-gunbas h2{margin:0; font-size:22px; font-weight:700; color:var(--lac); padding-left:10px; border-left:4px solid var(--kir); line-height:1.2}
.dp-gunbas time{color:var(--gri); font-size:13px}

/* açılır SEO metni: metin HTML'de hep var, JS varsa kısaltılır */
.dp-seo{background:#fff; border-radius:8px; box-shadow:0 1px 2px rgba(10,37,64,.06); padding:20px 22px 16px; margin-top:22px}
.dp-seo h2{margin:0 0 10px; font-size:20px; color:var(--lac); line-height:1.35; font-weight:700}
.dp-seo h3{margin:18px 0 6px; font-size:15.5px; color:var(--lac); font-weight:700}
.dp-seo p{margin:0 0 10px; color:var(--metin); line-height:1.75; font-size:14px}
.sy.dp .dp-seo a{color:var(--kir); font-weight:500}
.sy.dp .dp-seo a:hover{text-decoration:underline}
.dp-seo strong{color:var(--lac)}
.dp.js .dp-seo-ic{position:relative; max-height:190px; overflow:hidden}
.dp.js .dp-seo-ic::after{content:""; position:absolute; left:0; right:0; bottom:0; height:80px; background:linear-gradient(rgba(255,255,255,0),#fff); pointer-events:none}
.dp.js .dp-seo.acik .dp-seo-ic{max-height:none}
.dp.js .dp-seo.acik .dp-seo-ic::after{display:none}
.dp-devam{display:none; margin-top:6px; background:none; border:0; padding:6px 0; color:var(--kir); font-weight:600; font-size:13.5px}
.dp-devam:hover{text-decoration:underline}
.dp.js .dp-devam{display:inline-flex; align-items:center; gap:6px}
.dp-devam i{display:inline-block; transition:transform .2s; font-style:normal}
.dp-seo.acik .dp-devam i{transform:rotate(180deg)}

/* sık sorulanlar */
.dp-sss{background:#fff; border-radius:8px; box-shadow:0 1px 2px rgba(10,37,64,.06); padding:8px 22px; margin-top:12px}
.dp-sss h2{font-size:19px; color:var(--lac); margin:12px 0 6px; font-weight:700}
.dp-sss details{border-top:1px solid #f1f2f4}
.dp-sss summary{cursor:pointer; padding:13px 0; font-weight:600; color:var(--lac); list-style:none; display:flex; justify-content:space-between; gap:10px}
.dp-sss summary::-webkit-details-marker{display:none}
.dp-sss summary::after{content:"+"; color:var(--kir); font-weight:700; font-size:18px; line-height:1}
.dp-sss details[open] summary::after{content:"−"}
.dp-sss details p{margin:0 0 14px; color:var(--metin); line-height:1.7}

/* haftalık sayfa: gün başlığı ve altındaki bağlantı gün sayfasına gider (2026-10-14 gün sayfaları) */
.sy.dp .dp-gunbas h2 a{font:inherit; color:inherit; letter-spacing:inherit}
.sy.dp .dp-gunbas h2 a:hover{text-decoration:underline}
.sy.dp a.dp-tamami{display:inline-block; margin-top:10px; color:var(--kir); font-size:13.5px; font-weight:600}
.sy.dp a.dp-tamami:hover{text-decoration:underline}

/* gün sayfası /haftalik-dizi-programi/<gun>/ */
.dp-panel-sade{box-shadow:0 1px 3px rgba(10,37,64,.10); border-color:var(--cizgi)}
.dp-panel-sade .dp-serit{background:linear-gradient(90deg,#0a2540,#16365c)}
.dp-panel-sade .dp-izgara{background:#fff}
.dp-diger-prg{background:#fff; border-radius:8px; box-shadow:0 1px 2px rgba(10,37,64,.06); padding:16px 18px; margin-top:22px}
.dp-diger-prg h2{margin:0 0 4px; font-size:20px; color:var(--lac); font-weight:700}
.dp-not{margin:0 0 12px; color:var(--soluk); font-size:13px}
.dp-trow{display:flex; gap:12px; padding:10px 0; border-top:1px solid #f1f2f4; align-items:flex-start}
.sy.dp a.dp-tkanal{flex:0 0 110px; font-weight:700; color:var(--lac); font-size:14px; padding-top:2px}
.sy.dp a.dp-tkanal:hover{color:var(--kir)}
.dp-trow ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px 16px; font-size:13.5px; color:var(--metin)}
.dp-trow li{display:flex; align-items:center; gap:6px}
.dp-tsaat{font-weight:700; color:var(--kir); font-size:12.5px}
.dp-gecis{display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-top:22px}
.sy.dp .dp-gecis a{display:inline-flex; align-items:center; height:38px; padding:0 14px; border:1px solid var(--cizgi); border-radius:6px; background:#fff; color:var(--lac); font-weight:600; font-size:13.5px}
.sy.dp .dp-gecis a:hover{border-color:var(--kir); color:var(--kir)}
.sy.dp .dp-gecis a.dp-hafta{color:var(--kir)}

/* mobil sürüm (sy-mobil): sekmeler yatay kayar */
.sy-mobil .dp-gunler{flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.sy-mobil .dp-gunler::-webkit-scrollbar{display:none}
.sy-mobil .dp-gunler a{flex:none;}
.sy.dp.sy-mobil{padding:12px 10px 24px;}
.sy.dp.sy-mobil h1{font-size:24px;}

@media (max-width:720px){
	.dp-izgara{grid-template-columns:1fr}
	.dp-kart{padding:12px; gap:12px}
	.dp-afis{flex-basis:96px; font-size:26px}
	.dp-icerik h3{font-size:16.5px}
	.dp-gunbas h2{font-size:19px}
	.dp-serit .dp-ya{margin-left:0; width:100%}
	.dp-seo,.dp-sss,.dp-diger-prg{padding-left:16px; padding-right:16px}
	.dp-trow{flex-direction:column; gap:6px}
	.sy.dp a.dp-tkanal{flex:none}
	.sy.dp .dp-gecis a{flex:1 1 auto; justify-content:center}
	.sy.dp .dp-gecis a.dp-hafta{order:3; flex-basis:100%}
}