@charset "utf-8";

/* ============================================
   최신글 스킨 - pic_list (Clean Portal)
   vue-widget 기반 갤러리 히어로+리스트
   @version 20260301-001
   ============================================ */

/* Featured 섹션 (히어로 이미지) */
.latest-pic-list .latest-featured {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--gb-border-subtle);
}

.latest-pic-list .latest-featured-thumbnail {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: var(--gb-surface-raised);
}

.latest-pic-list .latest-featured-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.latest-pic-list .latest-featured-thumbnail:hover img {
    transform: scale(1.05);
}

.latest-pic-list .latest-no-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--gb-surface-raised);
    color: var(--gb-text-tertiary);
    font-size: 3rem;
}

.latest-pic-list .latest-featured-body {
    padding: var(--gb-space-4) var(--gb-space-5);
}

.latest-pic-list .latest-featured-title {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: var(--gb-font-lg);
    font-weight: var(--gb-font-semibold);
    margin-bottom: var(--gb-space-2);
    line-height: 1.4;
}

.latest-pic-list .latest-featured-title a {
    color: var(--gb-text-primary);
    text-decoration: none;
    transition: color var(--gb-transition);
}

.latest-pic-list .latest-featured-title a:hover {
    color: var(--gb-primary);
}

.latest-pic-list .latest-featured-title .fa-lock {
    color: var(--gb-text-tertiary);
    font-size: 13px;
}

/* 배지 */
.latest-pic-list .badge {
    font-size: 0.625rem;
    font-weight: var(--gb-font-semibold);
    padding: 2px 6px;
    border-radius: var(--gb-radius-sm);
    flex-shrink: 0;
}

/* 리스트 항목 아이콘 */
.latest-pic-list .vue-widget-list .fa-lock {
    color: var(--gb-text-tertiary);
    font-size: 13px;
    flex-shrink: 0;
}

/* 리스트 항목 링크 - 말줄임 */
.latest-pic-list .vue-widget-list a {
    font-size: 0.9375rem;
}

/* 빈 상태 */
.latest-pic-list .latest-empty {
    text-align: center;
    color: var(--gb-text-tertiary);
    padding: var(--gb-space-8) var(--gb-space-5);
}

/* 반응형 */
@media (max-width: 767.98px) {
    .latest-pic-list .latest-featured-body {
        padding: var(--gb-space-3) var(--gb-space-4);
    }

    .latest-pic-list .latest-featured-title {
        font-size: var(--gb-font-base);
    }
}