/* =============================================================================
   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;
}
.canli-bas h1 .canli-nokta{width:9px;height:9px;margin-right:9px}
.canli-not{margin:0 0 16px;font-size:12.5px;line-height:1.55;color:var(--ikincil)}
.canli-not a{color:var(--kirmizi);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)}
.canli-etiket.on{background:var(--murekkep);border-color:var(--murekkep);color:#fff}

/* ------------------------------------------------------------------ AKIŞ */
.canli-kart{
  background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:16px 18px;margin-bottom:12px;
  box-shadow:0 1px 2px rgba(11,18,32,.04);
}
.canli-kart-bas{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.canli-kaynak{
  font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ikincil);background:var(--bant);padding:3px 8px;border-radius:4px;
}
.canli-kaynak.kendi{background:var(--murekkep);color:#fff}
.canli-kart-bas time{margin-left:auto;font-size:11.5px;color:var(--soluk)}
.canli-kart h2{
  margin:0 0 6px;font-family:var(--f-baslik);font-weight:700;font-size:17.5px;line-height:1.28;
}
.canli-kart a:hover h2{color:var(--kirmizi)}
.canli-kart p{margin:0;font-size:14px;line-height:1.55;color:var(--ikincil)}
.canli-kart-alt{margin-top:10px}
.canli-daha{margin-top:4px}

/* ------------------------------------------------------- ZAMAN ÇİZELGESİ */
.canli-sag h3{
  margin:0 0 10px;font-size:11px;letter-spacing:.1em;color:var(--soluk);font-weight:700;text-transform:uppercase;
}
.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(--kirmizi);font-variant-numeric:tabular-nums}
.canli-an-baslik{font-size:13px;line-height:1.4;font-weight:600}
.canli-an:hover .canli-an-baslik{color:var(--kirmizi)}
.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(--kirmizi);color:#fff;font-weight:700;font-size:13.5px;
  box-shadow:0 4px 14px rgba(215,38,61,.28);
}
.canli-yeni-dugme:hover{background:var(--kirmizi-koyu)}
/* Yeni gelen kart kısa süre vurgulanır */
.canli-kart.canli-yeni{animation:canliBelir .5s ease-out}
@keyframes canliBelir{
  from{opacity:0;transform:translateY(-8px);border-color:var(--kirmizi)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){ .canli-kart.canli-yeni{animation:none} }