.elementor-post-category {
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 900;
    color: #5a3213;
    display: inline-block;
    position: relative;
    padding-left: 15px;
}
.elementor-post-category::before {
    content: " ";
    display: inline-block;
    width: 8px;
    height: 20px;
    background-color: #5a3213;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 5px;
}
.elementor-post-comments {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: #ffffff;
    color: #5a3213;
    padding: 5px 10px;
    font-size: 18px;
}
.elementor-post {
    position: relative;
}

.elementor-pagination {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 30px;
			gap: 5px;
		}
	
.elementor-pagination .page-numbers {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 35px;
			height: 35px;
			padding: 0 5px;
			border: 1px solid #ddd;
			border-radius: 4px;
			text-decoration: none;
			color: #666;
			font-size: 14px;
			transition: all 0.3s ease;
		}
	
.elementor-pagination .page-numbers.current {
			background-color: #5a3213;
			color: #fff;
			border-color: #5a3213;
		}
	
.elementor-pagination .page-numbers:hover:not(.current) {
			background-color: #f5f5f5;
			color: #5a3213;
			border-color: #5a3213;
		}
	
.elementor-pagination .prev,
.elementor-pagination .next {
			font-size: 16px;
		}
	
.elementor-screen-only {
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			margin: -1px;
			overflow: hidden;
			clip: rect(0,0,0,0);
			border: 0;
		}

.elementor-post__container {
    background-color: #5a3213;
    padding: 5px 15px;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 10px;  
}

.elementor-post__my-title {
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
}

.elementor-post__my-title .prefix {
    font-size: 14px;
    color: #ffffff; 
    font-weight: bold;
    margin-right: 5px;
}
.pld-common-wrap {
    display: inline-flex;
    align-items: center;
    min-width: 50px;
    margin-right: 10px; /* 기존 중복 스타일 통합 */
}

.pld-like-dislike-wrap {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 0; /* 기본 margin-bottom 초기화 */
}

.pld-like-dislike-wrap.pld-template-3 {
    margin-bottom: 20px;
}

.pld-like-dislike-wrap.pld-add-spacing {
    margin-bottom: 30px;
}

.pld-common-wrap > a.pld-like-dislike-trigger {
    text-decoration: none;
    box-shadow: 0 0 0;
    border-bottom: 0;
    vertical-align: middle;
}

.pld-count-wrap {
    margin-left: 5px;
    vertical-align: middle;
    line-height: 1;
}

.pld-like-dislike-wrap.pld-custom img {
    max-width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.pld-like-dislike-wrap .pld-common-wrap::before {
    content: '좋아요';
    font-size: 14px;
    color: #333;
    margin-left: 5px;
    vertical-align: middle;
}
.posts-layout.layout--blog_masonry .entry {
  margin-bottom: 15px; /* ✅ 간격을 15px로 조절 */
  height: 350px; /* ✅ 전체 높이 350px로 고정 */
  overflow: hidden; /* ✅ 내용이 넘치는 것을 방지 */
  padding-left: 1em; /* 기존 스타일 유지 */
  padding-right: 1em; /* 기존 스타일 유지 */
}

.posts-layout.layout--blog_masonry .entry-media {
  margin-bottom: 10px; /* ✅ 이미지 아래쪽 간격 조절 */
}

.posts-layout.layout--blog_masonry .entry-thumbnail {
  position: relative;
  display: block;
  height: 150px; /* 고정 높이 설정 */
  line-height: 0;
  overflow: hidden;
}

.posts-layout.layout--blog_masonry img {
  object-fit: cover;
}

.posts-layout.layout--blog_masonry .entry-content-data {
  height: calc(100% - 110px); /* ✅ 이미지 높이 제외 후 가변적으로 조절 */
  overflow: hidden; /* ✅ 글자 넘침 방지 */
}
@media (max-width: 768px) {
    .meta-item.comments-link {
        position: absolute;
        right: 2px;
        top: 50%;
        transform: translateY(-50%);
    }
}


@media screen and (max-width: 768px) {
    .elementor-post-likes-saves > div:nth-child(1) > span:nth-child(2) {
        display: none !important;
    }

    .elementor-post-likes-saves > div:nth-child(2) > span:nth-child(2) {
        display: none !important;
    }
}

/* 기타 스타일 */
.pld-like-dislike-wrap br,
.pld-like-dislike-wrap p {
    display: none;
}
.sorting-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.sorting-buttons button {
    padding: 5px 5px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

.sorting-buttons button:hover {
    background-color: #0056b3;
}

.comment .thumbnail {
    width: 150px !important; /* 강제 적용 */
    height: 150px !important; /* 강제 적용 */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comment .thumbnail img {
    width: 150px !important; /* 가로 고정 */
    height: 150px !important; /* 세로 고정 */
    object-fit: cover !important; /* 비율 유지하면서 크기 맞추기 */
    border-radius: 5px; /* 디자인 개선 */
}