@charset "utf-8";

/* ========================================
   Basic Widget - Latest Design Guide 적용
   미니멀하고 깔끔한 리스트 스타일
======================================== */

/* 메인 컨테이너 */
.basic_widget {}

/* 리스트 스타일 초기화 */
.basic_widget ul {list-style:none; margin:0; padding:0;}

/* 리스트 아이템 - 미니멀 디자인 */
.basic_widget .basic_li {display:flex; justify-content:space-between; align-items:center; position:relative; padding:10px 0; border-bottom:1px solid var(--board-gray-200);}

/* 제목 스타일 - 시각적 계층 구조 */
.basic_widget .basic_li > a {display:block; color:var(--board-gray-900); font-size:15px; font-weight:500; line-height:1.5; text-decoration:none;}
.basic_widget .basic_li:hover > a {color:var(--color-prime);}

/* 공지사항 강조 */
.basic_widget .basic_li strong {font-weight:600; color:var(--board-dark);}

/* 아이콘 스타일 - Boxicons 사용 */
.basic_widget .bx-lock-alt {color:var(--board-gray-500); font-size:14px; margin-right:4px;}
.basic_widget .bx-file,
.basic_widget .bx-link-alt {color:var(--board-gray-500); font-size:12px; margin-left:4px; opacity:0.7;}
.basic_widget .basic_li:hover .bx-file,
.basic_widget .basic_li:hover .bx-link-alt {opacity:1; color:var(--color-prime);}
.basic_widget .bx-info-circle {font-size:48px; color:var(--board-gray-400); display:block; margin-bottom:12px;}

/* 뱃지 스타일 - 컬러 전략 적용 */
.basic_widget .new_icon {display:inline-block; width:16px; height:16px; line-height:16px; text-align:center; background:var(--color-prime); color:var(--board-white); font-size:10px; font-weight:700; border-radius:var(--board-radius-sm); margin-left:6px; vertical-align:middle;}
.basic_widget .hot_icon {display:inline-block; width:16px; height:16px; line-height:16px; text-align:center; background:var(--board-danger); color:var(--board-white); font-size:10px; font-weight:700; border-radius:var(--board-radius-sm); margin-left:6px; vertical-align:middle;}
.basic_widget .basic_li:hover .new_icon,
.basic_widget .basic_li:hover .hot_icon {transform:scale(1.1);}

/* 댓글 수 표시 */
.basic_widget .lt_cmt {display:inline-block; padding:2px 8px; background:var(--board-gray-100); color:var(--board-gray-700); font-size:11px; font-weight:500; border-radius:10px; margin-left:6px;}
.basic_widget .basic_li:hover .lt_cmt {background:var(--color-prime); color:var(--board-white);}

/* 메타 정보 - 2차 정보 */
.basic_widget .lt_info {display:flex; align-items:center; gap:12px; font-size:13px; color:var(--board-gray-600); opacity:0.8;}
.basic_widget .basic_li:hover .lt_info {opacity:1;}
.basic_widget .lt_nick {font-weight:500; color:var(--board-gray-700);}
.basic_widget .lt_date {color:var(--board-gray-500); position:relative;}
.basic_widget .lt_date::before {content:'•'; margin-right:8px; color:var(--board-gray-400);}

/* 빈 리스트 메시지 */
.basic_widget .empty_li {padding:60px 20px; text-align:center; color:var(--board-gray-500); font-size:14px; border:2px dashed var(--board-gray-300); border-radius:var(--board-radius);}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .basic_widget .basic_li {flex-direction:column; align-items:flex-start;}
    .basic_widget .basic_li > a {font-size:14px;}
    .basic_widget .lt_info {font-size:12px; gap:8px;}
}