/* =============================================================================
   Tedavül — Canlı Gündem sayfası
   -----------------------------------------------------------------------------
   Yalnızca /canli sayfasında yüklenir, tamamı .s-canli altına kapatılmıştır.
   Üç sütun: solda filtreler, ortada akış, sağda saatli çizelge.
   ============================================================================= */

.s-canli .canli-duzen{display:grid;gap:18px;padding:18px 0 8px}
@media (min-width:900px){
  .s-canli .canli-duzen{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start}
  .s-canli .canli-sag{grid-column:1/-1}
}
@media (min-width:1240px){
  .s-canli .canli-duzen{grid-template-columns:230px minmax(0,1fr) 290px}
  .s-canli .canli-sag{grid-column:auto}
}
@media (min-width:1240px){
  .s-canli .canli-sol .yapiskan,
  .s-canli .canli-sag .yapiskan{position:sticky;top:14px}
}

/* ------------------------------------------------------------------- SOL */
.canli-bas h1{
  display:flex;align-items:center;margin:0 0 8px;
  font-family:var(--f-baslik);font-weight:700;font-size:23px;line-height:1.15;letter-spacing:-.01em;
}
/* Başlıktaki nokta gövdedekinden belirgin büyük: sayfanın kimliği bu daire.
   Sabit kırmızı — yanıp sönmez. */
.canli-bas h1 .canli-nokta{width:14px;height:14px;margin-right:10px}
.canli-not{margin:0 0 16px;font-size:12.5px;line-height:1.55;color:var(--ikincil)}
.canli-not a{color:var(--mavi);font-weight:600}
.canli-etiketler{display:flex;flex-wrap:wrap;gap:6px}
.canli-etiket{
  min-height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--cizgi-koyu);
  background:#fff;font-size:12.5px;font-weight:600;color:var(--ikincil);
}
.canli-etiket:hover{border-color:var(--murekkep);color:var(--murekkep)}
/* Seçili süzgeç referanstaki gibi mavi dolgu: sayfada kırmızı yalnızca
   başlıktaki "canlı" noktasına ait, geri kalan vurguların hepsi mavi. */
.canli-etiket.on{background:var(--mavi);border-color:var(--mavi);color:#fff}

/* ------------------------------------------------------------------ AKIŞ
   Kart değil liste: saat, kalın başlık, iki satır özet, ince ayraç. */
.canli-akis{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:4px 18px}
.canli-satir{padding:14px 0;border-top:1px solid var(--cizgi)}
.canli-satir:first-child,.canli-gun + .canli-satir{border-top:0}
/* Gün başlığı: "BUGÜN", "DÜN", "21 EYLÜL PAZARTESİ" — saat sırası günler
   arasında da okunur kalsın */
.canli-gun{display:flex;align-items:center;gap:10px;margin:18px 0 2px;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--soluk)}
.canli-gun::after{content:"";flex:1;height:1px;background:var(--cizgi)}
.canli-gun:first-child{margin-top:12px}
/* Satırın üstü: saat · başlık · kaynak */
.canli-satir-ust{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 9px;margin-bottom:5px}
.canli-satir-saat{font-size:12.5px;font-weight:700;
  color:var(--mavi);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.canli-kat{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ikincil)}
a.canli-kat:hover{color:var(--murekkep);text-decoration:underline;text-underline-offset:3px}
.canli-kaynak{font-size:12px;color:var(--soluk)}
.canli-kaynak::before{content:"·";margin-right:9px}
.canli-satir h2{margin:0;font-family:var(--f-baslik);font-weight:700;font-size:17px;line-height:1.3;color:var(--murekkep)}
.canli-satir a:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
/* Özet iki satırda kesilir: bütün gelişmeler aynı ekranda görünsün */
.canli-satir p{margin:5px 0 0;font-size:14px;line-height:1.5;color:var(--soluk);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.canli-daha{margin-top:14px}

/* ------------------------------------------------------- ZAMAN ÇİZELGESİ */
/* Başlık: mavi nokta + büyük harf + altında mavi çizgi.
   Çizelge kırmızıdan maviye alındı: sol sütundaki kırmızı "canlı" noktasıyla
   aynı renkte olunca iki ayrı şey (yayın durumu / saat akışı) tek vurgu gibi
   okunuyordu. */
.canli-sag h3{
  display:flex;align-items:center;gap:8px;margin:0 0 10px;padding-bottom:9px;
  border-bottom:2px solid var(--mavi);
  font-size:11.5px;letter-spacing:.12em;color:var(--mavi);font-weight:700;text-transform:uppercase;
}
.canli-sag h3::before{content:"";width:8px;height:8px;border-radius:99px;background:var(--mavi);flex:0 0 auto}
.canli-an{display:grid;grid-template-columns:46px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--cizgi)}
.canli-an:first-child{border-top:0;padding-top:0}
.canli-saat{font-size:12px;font-weight:700;color:var(--mavi);font-variant-numeric:tabular-nums}
.canli-an-metin{display:flex;flex-direction:column;gap:2px;min-width:0}
.canli-an-kat{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--soluk)}
.canli-an-baslik{font-size:13px;line-height:1.4;font-weight:600}
.canli-an:hover .canli-an-baslik{color:var(--mavi)}
.canli-bos{font-size:13px;color:var(--soluk);margin:0}

/* ------------------------------------------------------ CANLI TAZELEME */
/* Kullanıcı aşağıdayken gelen haberler burada birikir; okunan yer zıplamasın. */
.canli-yeni-dugme{
  position:sticky;top:14px;z-index:20;display:block;width:100%;margin-bottom:12px;
  min-height:40px;padding:0 16px;border-radius:99px;
  background:var(--mavi);color:#fff;font-weight:700;font-size:13.5px;
  /* Gölge nötr: renkli düğmenin altına renkli hale saçmasın */
  box-shadow:0 4px 14px rgba(11,18,32,.18);
}
.canli-yeni-dugme:hover{background:var(--mavi-koyu)}
/* Yeni gelen satır kısa süre vurgulanır */
.canli-satir.canli-yeni{animation:canliBelir .5s ease-out}
@keyframes canliBelir{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){ .canli-satir.canli-yeni{animation:none} }