/* 클릭 가능한 카드 스타일 */
.blog-card.clickable-card {
    cursor: pointer;
    position: relative;
    transition: all 0.4s ease;
    padding: 1rem 0;
}

/* 호버 시 전체 카드 효과 */
.blog-card.clickable-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* 타이틀 링크 스타일 유지 */
.blog-card.clickable-card .card-title a {
    position: relative;
    z-index: 2;
    transition: color 0.2s ease;
}

.blog-card.clickable-card:hover .card-title a {
    color: #0054FF;
}

/* 리스트 뷰에서도 동일하게 적용 */
.grid-container.list-view .blog-card.clickable-card {
    cursor: pointer;
}

.grid-container.list-view .blog-card.clickable-card:hover {
    background-color: #f8f9fa;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 모바일 터치 피드백 */
@media (hover: none) {
    .blog-card.clickable-card:active {
        transform: scale(0.98);
        transition: transform 0.1s ease;
    }
}