/* static/dash/breakingytnews.css */

/* Kontener listy breaking YT news */
.breaking-ytnews-timeline{
  display:flex;
  flex-direction:column;
  gap:6px;
}

/* Pojedynczy news – srebrny box, ostre krawędzie */
.breaking-ytnews-card{
  background:rgba(243,244,246,0.96); /* jasne srebro */
  color:#111827;
  border:1px solid rgba(0,0,0,0.18);
  border-radius:0;
  padding:10px 10px 8px;
  box-shadow:0 10px 22px rgba(0,0,0,0.40);
  font-size:12px;
  line-height:1.45;
}

/* HEADER: target (lewo) + data (prawo) */
.breaking-ytnews-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:4px;
}

.breaking-ytnews-target{
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.12em;
  font-size:11px;
}

.breaking-ytnews-date{
  font-size:11px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  opacity:0.75;
}

/* BULLETS – lead 2x większy niż bazowe 12px */
.breaking-ytnews-lead{
  font-size:16px;           /* ~2x względem 11–12px w slugach */
  line-height:1.4;
  margin-bottom:4px;
  color:#111827;
}

.breaking-ytnews-bullets{
  margin:0 0 6px 0;
  padding-left:18px;
  font-size:12px;
  line-height:1.35;
  color:#111827;
}

.breaking-ytnews-bullets li{
  margin-bottom:2px;
}

/* BOX MEDIALNY: SOURCE + thumbnail + tytuł (jeden blok pod tekstem) */
.breaking-yt-media-box{
  margin-top:6px;
  padding:8px 8px 6px;
  border-radius:0;
  border:1px solid rgba(0,0,0,0.18);
  background:rgba(229,231,235,0.95); /* trochę ciemniejsze srebro */
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}

/* label SOURCE nad nazwą kanału */
.breaking-yt-media-label{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:0.16em;
  color:rgba(55,65,81,0.9);
}

.breaking-yt-media-source{
  font-size:12px;
  font-weight:500;
  color:#111827;
}

/* Thumbnail – niemal kwadrat, centrowany */
.breaking-yt-media-thumb-link{
  display:block;
  margin:4px auto 2px;
}

.breaking-yt-media-thumb{
  width:110px;   /* blisko kwadratu, „3x2 cm” na typowym DPI */
  height:90px;
  object-fit:cover;
  border-radius:4px;
  border:1px solid rgba(0,0,0,0.22);
  display:block;
}

/* Tytuł filmu pod thumbnail'em */
.breaking-yt-media-title-row{
  margin-top:2px;
  text-align:center;
}

.breaking-yt-media-title{
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  color:#111827;
  text-transform:none;
  letter-spacing:0.01em;
}

.breaking-yt-media-title:hover{
  text-decoration:underline;
}

/* Drobne dopasowanie w kontekście slug-shell, żeby spójnie wyglądało z drzewem */
.slug-shell .breaking-ytnews-card{
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  text-transform:none;
}

.slug-shell .breaking-ytnews-card *{
  box-sizing:border-box;
}