/* ============================================================
   수익온 갤러리 스킨 (suikon_gallery)
   - 기본 스킨(suikon/style.css)을 @import 로 상속
   - 레이아웃은 뉴스 스킨과 동일한 가로형 카드(.news-list/.news-item, index.css)
     를 그대로 사용. 차이점은 썸네일이 wr_link1 유튜브 썸네일이라는 점.
   ============================================================ */
@import url('../suikon/style.css');

.suikon-gallery { display: block; }

.suikon-gallery__empty {
    text-align: center; padding: 80px 0;
    color: rgba(231, 236, 245, 0.45); font-size: 15px;
}

/* 유튜브 썸네일(16:9) 비율에 맞춰 검정 여백 없이 꽉 차게 */
.suikon-gallery .news-item__thumb { aspect-ratio: 16 / 9; }
@media (max-width: 768px) {
    .suikon-gallery .news-item__thumb { aspect-ratio: 16 / 9; }
}

/* 관리자 배지 */
.suikon .news-item__admin-badge {
    position: absolute;
    top: 8px; right: 8px;
    display: inline-flex; align-items: center; gap: 4px;
    padding: 6px;
    background: rgba(0, 0, 0, 0.65);
    border: 1px solid rgba(255, 138, 61, 0.5);
    border-radius: 999px;
    color: #ff9a3d;
    font-size: 11px !important; font-weight: 600;
    padding:6px !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.suikon .news-item__admin-badge i { font-size: 12px; }