/* kategori-live.css — kategori sayfaları için eksik Bootstrap yardımcıları + kart düzeni
   Not: sitenin CSS paketinde .py-3 .border-bottom .small .text-muted .gap-3 gibi
   yardımcı sınıflar yok; kategori şablonu bunları kullanıyor. Bu dosya o boşluğu kapatır. */

/* --- Bootstrap 5 alt kümesi --- */
.container { width: 100%; max-width: 1320px; margin: 0 auto; padding-right: 15px; padding-left: 15px; }
.d-flex { display: flex !important; }
.flex-column { flex-direction: column !important; }
.flex-wrap { flex-wrap: wrap !important; }
.align-items-center { align-items: center !important; }
.justify-content-between { justify-content: space-between !important; }
.gap-1 { gap: .25rem !important; }
.gap-2 { gap: .5rem !important; }
.gap-3 { gap: 1rem !important; }
.gap-4 { gap: 1.5rem !important; }
.text-center { text-align: center !important; }
.text-muted { color: #6c757d !important; }
.text-secondary { color: #6c757d !important; }
.small { font-size: .875em; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.py-1 { padding-top: .25rem; padding-bottom: .25rem; }
.py-2 { padding-top: .5rem; padding-bottom: .5rem; }
.py-3 { padding-top: 1rem; padding-bottom: 1rem; }
.py-4 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-5 { padding-top: 3rem; padding-bottom: 3rem; }
.pb-3 { padding-bottom: 1rem; }
.mt-1 { margin-top: .25rem; }
.mt-2 { margin-top: .5rem; }
.mt-3 { margin-top: 1rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.d-none { display: none !important; }

/* --- Kategori sayfası düzeni (kaynak: [category].astro) --- */
.cat-main-title { font-size: 2.25rem; line-height: 1.15; }
.cat-layout {
  display: grid;
  grid-template-columns: 8fr 4fr;
  gap: 2rem;
  align-items: start;
}
.cat-articles { min-width: 0; }
.cat-sidebar { min-width: 0; }
.articles-list { display: block; }
.cat-item-row {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
  overflow: hidden;
}
.cat-item-row + .cat-item-row { border-top: 1px solid #ececec; }
.thumb-wrap {
  width: 200px;
  flex: 0 0 200px;
  max-width: 200px;
  overflow: hidden;
}
.thumb-img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 2px;
  display: block;
  background: #f1f1f1;
}
.content-wrap { flex: 1 1 auto; min-width: 0; }
.content-wrap h2 { margin: 0 0 .25rem; font-size: 1.35rem; line-height: 1.25; }
.content-wrap h2 a { color: inherit; text-decoration: none; }
.content-wrap h2 a:hover { text-decoration: underline; }
.content-wrap p { margin: 0; }
.kategori-more {
  display: block;
  width: 100%;
  margin: 1.25rem 0 0;
  padding: .75rem;
  background: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
  font: inherit;
}
.kategori-more:hover { background: #f7f7f7; }

@media (max-width: 992px) {
  .cat-layout { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .cat-item-row { flex-direction: column; }
  .thumb-wrap { width: 100% !important; flex-basis: auto; max-width: 100%; }
  .thumb-img { height: 200px; }
  .cat-main-title { font-size: 1.75rem; }
}