@charset "utf-8";

/*
 * XET board theme synchronization
 * Reads the active layout's theme_color through CSS variables emitted by _header.html.
 * Neutral colors and third-party brand colors are intentionally preserved.
 */

/* Category badges: category-specific inline colors still take precedence. */
#xet_board .gallery-category-badge {
    --gallery-category-bg: var(--xet-theme-color, #ff56aa);
    background-color: transparent !important;
    color: var(--xet-theme-on-color, #fff) !important;
}
#xet_board .view-category-badge {
    background-color: var(--xet-theme-color, #ff56aa);
    color: var(--xet-theme-on-color, #fff) !important;
}

/* Selected and highlighted cards across every list style. */
#xet_board .baord_gallery .itemList.on,
#xet_board.black .baord_gallery .itemList.on,
#xet_board .board_webzine .item.on {
    border-color: var(--xet-theme-color, #ff56aa) !important;
}
#xet_board .boardList tr.on td,
#xet_board .boardList li.on,
#xet_board.black .boardList tr.on td,
#xet_board.black .boardList li.on {
    border-bottom-color: var(--xet-theme-color, #ff56aa) !important;
}

/* Notice and count accents in list views. */
#xet_board .baord_gallery .notice .itemList .subject a > i,
#xet_board .boardList .notice i,
#xet_board .boardList .noticeList a.subject,
#xet_board .boardList td .replyNum,
#xet_board .boardList td .trackbackNum,
#xet_board .boardList li .replyNum {
    color: var(--xet-theme-color, #ff56aa) !important;
}

/*
 * Per-document category colors take precedence over the layout theme.
 * When no category color is configured, the layout theme remains the fallback.
 * Do not add !important here: XE writes the administrator's category color inline.
 */
#xet_board .baord_gallery .itemList .category,
#xet_board .board_webzine .item .category,
#xet_board .boardList td .category,
#xet_board .boardList li .category {
    color: var(--xet-theme-color, #ff56aa);
}

/* Top category filters intentionally keep the original skin colors. */

/* Pagination and infinite-scroll controls. */
#xet_board .pagination .page_on,
#xet_board.black .pagination .page_on {
    color: var(--xet-theme-on-color, #fff) !important;
    background-color: var(--xet-theme-color, #ff56aa) !important;
    border-color: var(--xet-theme-color, #ff56aa) !important;
}
#xet_board .pagination a:hover,
#xet_board .pagination a:focus,
#xet_board .ias-trigger-prev a,
#xet_board .ias-trigger-next a,
#xet_board .comment-prev a,
#xet_board .comment-next a,
#xet_board .comment-noneleft {
    color: var(--xet-theme-color, #ff56aa) !important;
}

/* Header, document and comment counters. */
#xet_board .infoView a.on,
#xet_board .infoSum strong,
#xet_board .boardReadHeader .title_info .count strong a,
#xet_board .feedbackList .feedbackHeader em {
    color: var(--xet-theme-color, #ff56aa) !important;
}

/* Search, password and write-form focus states. */
#xet_board .requirePassword .inputText:focus,
#xet_board .boardSearchForm .boardSearch:focus-within,
#xet_board .boardWriteHeader input[type=text]:focus,
#xet_board .boardWriteHeader .write_type input[type=password]:focus,
#xet_board .boardWriteHeader .write_type textarea:focus,
#xet_board .boardWriteHeader .write_type select:focus {
    border-color: var(--xet-theme-color, #ff56aa) !important;
    outline: 0;
}
#xet_board .boardSearchForm.keyword .boardSearch {
    border-color: var(--xet-theme-color, #ff56aa);
}
#xet_board .extraVarsList em,
#xet_board .extraVarsList .current_address {
    color: var(--xet-theme-color, #ff56aa) !important;
}

/* Generic action button style previously using the stock blue. */
#xet_board .xet_btn.peter_river {
    color: var(--xet-theme-on-color, #fff) !important;
    background-color: var(--xet-theme-color, #ff56aa) !important;
    border-color: var(--xet-theme-color, #ff56aa) !important;
}
#xet_board .xet_btn.peter_river:hover,
#xet_board .xet_btn.peter_river:focus {
    color: var(--xet-theme-on-color, #fff) !important;
    background-color: var(--xet-theme-color, #ff56aa) !important;
    border-color: var(--xet-theme-color, #ff56aa) !important;
    filter: brightness(.92);
}

/* Popup menus and search action hover states. */
#xet_board #popup_menu_area li a:hover,
#xet_board #popup_menu_area li a:focus,
#xet_board .boardSearchForm .boardSearch .next_search_btn:hover,
#xet_board .boardSearchForm .boardSearch .cancel_btn:hover,
#xet_board .boardSearchForm .boardSearch .search_btn:hover {
    color: var(--xet-theme-on-color, #fff) !important;
    background-color: var(--xet-theme-color, #ff56aa) !important;
    border-color: var(--xet-theme-color, #ff56aa) !important;
}

/* Keyboard focus ring for board controls. */
#xet_board a:focus-visible,
#xet_board button:focus-visible,
#xet_board input:focus-visible,
#xet_board select:focus-visible,
#xet_board textarea:focus-visible {
    outline: 2px solid var(--xet-theme-color, #ff56aa);
    outline-offset: 2px;
}