/* ======================
   커뮤니티 페이지 라이트 모드
   ====================== */

/* Community Title */
body.light-mode .community__title h2 {
    color: #1a1d23;
}

body.light-mode .community__title .tabs--typeA {
    background-color: #f3f4f6;
}

body.light-mode .community__title .tabs--typeA .tabs__link {
    color: #6b7280;
}

body.light-mode .community__title .tabs--typeA .tabs__link.on {
    background-color: #ffffff;
    color: #1a1d23;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

body.light-mode .btn_register {
    background-color: #3b82f6;
    color: #ffffff;
}

body.light-mode .btn_register:hover {
    background-color: #2563eb;
}

/* Table - PC */
body.light-mode .tbl_list table {
    background-color: #ffffff;
}

body.light-mode .tbl_list thead th {
    background-color: #f9fafb;
    color: #6b7280;
    border-top-color: #e5e7eb;
    border-bottom-color: #e5e7eb;
}

body.light-mode .tbl_list tbody tr {
    border-bottom: 1px solid #f3f4f6;
}

body.light-mode .tbl_list tbody tr:hover {
    background-color: #f9fafb;
}

body.light-mode .tbl_list tbody td {
    color: #4b5563;
}

body.light-mode .tbl_list a.title {
    color: #1a1d23;
}

body.light-mode .tbl_list a.title:hover {
    color: #3b82f6;
}

/* Table - Mobile */
body.light-mode .board__list .board__item {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
}

body.light-mode .board__item:hover {
    background-color: #f9fafb;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

body.light-mode .board__item a.title {
    color: #1a1d23;
}

body.light-mode .board__item a.title:hover {
    color: #3b82f6;
}

body.light-mode .board__item ul.info_list li {
    color: #6b7280;
}

body.light-mode .board__item ul.info_list li::after {
    background-color: #d1d5db;
}

body.light-mode .board__item .board--recommend {
    color: #3b82f6;
    font-weight: 600;
}

/* Pagination */
body.light-mode .table_bottom {
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
}

body.light-mode .table_bottom .list_cnt {
    color: #6b7280;
}

body.light-mode ul.pagination > li {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    color: #4b5563;
}

body.light-mode ul.pagination > li:hover {
    background-color: #f9fafb;
    border-color: #3b82f6;
}

body.light-mode ul.pagination > li.on {
    background-color: #3b82f6;
    color: #ffffff;
    border-color: #3b82f6;
}

body.light-mode ul.pagination > li a {
    color: inherit;
}

/* Select */
body.light-mode .table_bottom .select--typeA {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    color: #1a1d23;
}

body.light-mode .table_bottom .select--typeA:hover {
    border-color: #3b82f6;
}

/* Mobile Register Button */
body.light-mode .mo_btn_register {
    background-color: #3b82f6;
    color: #ffffff;
}

body.light-mode .mo_btn_register:hover {
    background-color: #2563eb;
}

/* Notice Badge (공지사항 뱃지) */
body.light-mode .tbl_list tbody td span[style*="background-color: #f54e4e"],
body.light-mode .board__item span[style*="background-color: #f54e4e"] {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

/* Community Inner */
body.light-mode .community__inner {
    background-color: transparent;
}

/* Scrollbar */
body.light-mode .table_wrap::-webkit-scrollbar {
    height: 6px;
}

body.light-mode .table_wrap::-webkit-scrollbar-thumb {
    background-color: #d1d5db;
    border-radius: 10px;
}

body.light-mode .table_wrap::-webkit-scrollbar-track {
    background-color: #f3f4f6;
    border-radius: 10px;
}

/* Hover Effects */
body.light-mode .tbl_list tbody tr {
    transition: background-color 0.2s ease;
}

body.light-mode .board__item {
    transition: all 0.2s ease;
}

/* Empty State (게시글이 없을 때) */
body.light-mode .tbl_list tbody tr td[colspan] {
    color: #6b7280;
    padding: 60px 20px;
}

/* Loading State */
body.light-mode .loading-indicator {
    color: #6b7280;
}

/* Mobile Responsive */
@media screen and (max-width: 767px) {
    body.light-mode .community__title h2 {
        font-size: 20px;
    }

    body.light-mode .board__item {
        padding: 12px;
    }

    body.light-mode .board__item a.title {
        font-size: 14px;
    }

    body.light-mode .board__item ul.info_list li {
        font-size: 12px;
    }
}

/* ======================
   커뮤니티 디테일 페이지
   ====================== */

/* Detail Title */
body.light-mode .community_detail .dtl__title h3 {
    color: #1a1d23;
    background-color: #ffffff;
    border-top-color: #e5e7eb;
    border-bottom-color: #e5e7eb;
}

/* Detail Info */
body.light-mode .community_detail .dtl__info {
    background-color: #f9fafb;
    border-top-color: #e5e7eb;
    border-bottom-color: #e5e7eb;
    color: #6b7280;
}

body.light-mode .dtl__info .info--left p b,
body.light-mode .dtl__info .info--right p b {
    color: #1a1d23;
}

/* Detail Contents */
body.light-mode .dtl__contents {
    background-color: #ffffff;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

body.light-mode .dtl__contents p,
body.light-mode .dtl__contents div {
    color: #374151;
}

/* Good/Bad Buttons */
body.light-mode .btn_good {
    background-color: #ffffff;
    border: 1px solid #10b981;
}

body.light-mode .btn_good:hover {
    background-color: #ecfdf5;
}

body.light-mode .btn_good span {
    color: #10b981;
}

body.light-mode .btn_bad {
    background-color: #ffffff;
    border: 1px solid #ef4444;
}

body.light-mode .btn_bad:hover {
    background-color: #fef2f2;
}

body.light-mode .btn_bad span {
    color: #ef4444;
}

/* Comments Section */
body.light-mode .dtl__comments {
    background-color: transparent;
}

body.light-mode .comment__title {
    background-color: #f9fafb;
    border-top-color: #e5e7eb;
    border-bottom-color: #e5e7eb;
}

body.light-mode .comment__title h5 {
    color: #1a1d23;
}

/* Comment Item */
body.light-mode .comment__list .comment__item {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
}

body.light-mode .comment__item .comment_info {
    color: #6b7280;
    border-bottom-color: #e5e7eb;
}

body.light-mode .comment_info p b {
    color: #1a1d23;
}

body.light-mode .comment__item .comment_cnts {
    color: #374151;
}

body.light-mode .comment__item .comment_cnts p {
    color: #374151;
}

/* Reply List */
body.light-mode .reply__list .comment__item {
    background-color: #f9fafb;
}

body.light-mode .reply__list .comment__item:before {
    opacity: 0.5;
}

/* Reply Form */
body.light-mode .form_reply {
    background-color: transparent;
}

body.light-mode .form_reply .input_reply {
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
}

body.light-mode .form_reply .input_reply input {
    background-color: transparent;
    color: #1a1d23;
}

body.light-mode .form_reply .input_reply .btn_reply {
    background-color: #3b82f6;
    color: #ffffff;
}

body.light-mode .form_reply .input_reply .btn_reply:hover {
    background-color: #2563eb;
}

/* List Button */
body.light-mode .community_detail .btn_list {
    background-color: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
}

body.light-mode .community_detail .btn_list:hover {
    background-color: #f9fafb;
    border-color: #3b82f6;
    color: #3b82f6;
}

/* ======================
   커뮤니티 등록/수정 페이지
   ====================== */

/* Register Form */
body.light-mode .community__inner.register {
    background-color: transparent;
}

body.light-mode .form_community {
    background-color: transparent;
}

body.light-mode .input--typeA {
    border-bottom-color: #e5e7eb;
}

body.light-mode .input--typeA .input_label,
body.light-mode .input--typeA div.input_label {
    color: #4b5563;
}

body.light-mode .input--typeA input[type="text"],
body.light-mode .input--typeA input[type="email"],
body.light-mode .input--typeA textarea {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    color: #1a1d23;
}

body.light-mode .input--typeA input:focus,
body.light-mode .input--typeA textarea:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Editor */
body.light-mode .input--typeA .editor {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
}

/* Submit Button */
body.light-mode .form_community .btn_submit {
    background-color: #3b82f6;
    color: #ffffff;
}

body.light-mode .form_community .btn_submit:hover {
    background-color: #2563eb;
}

/* Cancel Button */
body.light-mode .form_community .btn_cancel {
    background-color: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
}

body.light-mode .form_community .btn_cancel:hover {
    background-color: #f9fafb;
}

/* Mobile */
@media screen and (max-width: 767px) {
    body.light-mode .community_detail .dtl__title h3 {
        font-size: 16px;
    }

    body.light-mode .comment__item {
        padding: 12px;
    }

    body.light-mode .dtl__contents {
        padding: 16px 12px;
        font-size: 14px;
    }
}