/* UL ve öğeler */
ul.lcp_catlist.lcp-media {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.lcp_catlist.lcp-media > li.lcp-media-item {
  margin: 0 0 10px 0;
  padding: 0;
}

/* Satır yapısı */
.lcp-media-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

/* Görsel (sol) */
.lcp-thumb {
  display: block;
 /* width: 100px; */
 /* height: 70px; */
  object-fit: cover;
  /* flex: 0 0 105px; - görsel alanını sabitlemek istemiyorsanız kaldırın */
  border-radius: 2px; /* isterseniz kaldırın */
}

/* Sağ içerik */
.lcp-media-body {
  flex: 1;
  min-width: 0;
}

/* Başlık (Open Sans, 13/18, 400, renkler) */
.lcp-title {
  margin: 0 0 2px 0;
  font-family: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}
.lcp-title a {
  color: #D1D1D1;
  text-decoration: none;
}
.lcp-title a:hover {
  color: #ffffff;
}

/* Tarih ve yazar */
.lcp-date,
.lcp-author {
  font-family: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #D1D1D1; /* isterseniz #bfbfbf ile uyumlayın */
  margin: 0;
}
.lcp-author a {
  color: inherit;
  text-decoration: none;
}
.lcp-author a:hover {
  color: #ffffff;
}

/* Küçük ekranlarda hizalama */
@media (max-width: 480px) {
  .lcp-media-row {
    gap: 10px;
  }
  .lcp-thumb {
    width: 120px;
    height: 80px;
    flex-basis: 120px;
  }
}

/* Tarih ve yazar link renkleri */
.lcp-media .lcp-date a,
.lcp-media .lcp-author a {
  color: #D1D1D1;
  text-decoration: none;
}
.lcp-media .lcp-date a:hover,
.lcp-media .lcp-author a:hover {
  color: #00c8ff;
}

/* Resim çerçevesi ve hover */
.lcp-media a .lcp-thumb {
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.lcp-media a:hover .lcp-thumb {
  border-color: #00c8ff;
  box-shadow: 0 6px 18px rgba(0, 200, 255, 0.15);
  transform: translateY(-1px);
}

/* Sabit ölçüyü garanti etmek isterseniz */
.lcp-media .thumb-135x90 { width:135px; height:90px; object-fit:cover; }
.lcp-media .thumb-100x70 { width:100px; height:70px; object-fit:cover; }

.lcp-media .lcp-gallery a {
  color: #D1D1D1;
  text-decoration: none;
}
.lcp-media .lcp-gallery a:hover {
  color: #00c8ff;
}