/* Custom Public CSS */

/* Comment Image Aspect Ratio Fix */
.review-img {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
}

.review-img img,
.review-img > div {
  /* image_helper's placeholder div */
  width: 100%;
  height: 100%;
  object-fit: cover; /* Fills the container, cropping if necessary */
}

/* Comment Thread Lines */
/*
 * This single rule now handles both the indentation (margin-left)
 * and the vertical thread line (border-left and padding-left).
*/
#main-comment-list .replies-list > .comment-item {
  margin-left: 25px; /* This creates the indentation */
  padding-left: 15px; /* This creates space for the border */
  border-left: 2px solid #dee2e6; /* This is the thread line */
}

/* Yazı içeriğindeki SIRASIZ LİSTELER (ul) */
.blog-contents ul {
  list-style-type: disc; /* İçi dolu yuvarlak madde işareti */
  margin: 1rem 0 1rem 2rem; /* Üst/alt ve sol boşluklar */
  padding-left: 20px; /* İç boşluk */
}

/* Yazı içeriğindeki SIRALI LİSTELER (ol) */
.blog-contents ol {
  list-style-type: decimal; /* 1, 2, 3 şeklinde sayılar */
  margin: 1rem 0 1rem 2rem;
  padding-left: 20px;
}

/* Yazı içeriğindeki LİSTE MADDELERİ (li) */
.blog-contents li {
  display: list-item; /* temanın 'display: block' kuralını ezmek için */
  padding: 0.25rem 0; /* Maddeler arasına biraz dikey boşluk */
}