/* darkboard-list.css */

/* 기본 wrapper */
.board-wrap.basic.list {
    background-color: #111;
    color: #eee;
    border-radius: 8px;
    padding: 1rem;
    margin: 0 auto;
}

/* 제목 스타일 */
.board-list-head {
    background-color: #1a1a1a;
    color: #fff;
    font-weight: bold;
    border-bottom: 2px solid #333;
}

.board-list-head .dropdown-toggle {
    background-color: #2c2c2c;
    color: #ccc;
}

/* 게시글 리스트 */
.list-group-item {
    background-color: #1a1a1a;
    color: #ccc;
    border-color: #333;
    transition: background-color 0.2s ease;
}

.list-group-item:hover {
    background-color: #2a2a2a;
    color: #fff;
}

.board-subject a {
    color: #ddd;
    font-weight: 500;
    text-decoration: none;
}

.board-subject a:hover {
    color: #fff;
    text-decoration: underline;
}

/* 버튼 스타일 */
.board-buttons .btn {
    background-color: #2c2c2c;
    color: #ccc;
    border: 1px solid #444;
}

.board-buttons .btn:hover {
    background-color: #3a3a3a;
    color: #fff;
}

/* 뱃지 스타일 */
.badge.text-bg-light {
    background-color: #333 !important;
    color: #eee !important;
}

/* 카테고리 버튼 */
.category-name .btn-light {
    background-color: #3a3a3a;
    border: 1px solid #555;
    color: #ccc;
}

.category-name .btn-light:hover {
    background-color: #4a4a4a;
    color: #fff;
}

/* 정렬 드롭다운 */
.sort-wrap .dropdown-menu {
    background-color: #222;
    color: #ccc;
    border: 1px solid #444;
}

.sort-wrap .dropdown-menu a {
    color: #ccc;
}

.sort-wrap .dropdown-menu a:hover {
    color: #fff;
    background-color: #333;
}

/* 페이징 스타일 */
.paging-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.pg_page, .pg_current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    background-color: #2c2c2c;
    color: #ccc;
    border-radius: 6px;
    border: 1px solid #444;
    font-size: 15px;
    min-width: 40px;
    text-align: center;
}

.pg_page:hover {
    background-color: #444;
    color: #fff;
}

.pg_current {
    background-color: #ffc107;
    color: #111;
    font-weight: bold;
    border-color: #ffa000;
}

.pg_start, .pg_prev, .pg_next, .pg_end {
    padding: 8px 12px;
}

.pg_start i, .pg_prev i, .pg_next i, .pg_end i {
    font-size: 16px;
    color: #ccc;
}


.list-group-item {

    background-color: #000000 !important;
}