@charset "utf-8";

/*
 * Festival program board: active layout theme color synchronization.
 * Neutral surfaces/text/borders and destructive/status colors are preserved.
 * The category menu at the very top of list pages intentionally keeps its existing colors.
 */

/* Category badges: administrator-defined category colors remain highest priority.
   When a category has no color, festival_view.js uses --xet-theme-color. */
#xet_board .festival-category-badge {
    background-color: var(--festival-category-bg, var(--xet-theme-color, #f15a24)) !important;
    color: var(--festival-category-fg, var(--xet-theme-on-color, #fff)) !important;
}
#xet_board .festival-thumbnail-wrap .festival-category-overlay {
    background-color: var(--festival-category-overlay-bg, rgba(var(--xet-theme-rgb, 241, 90, 36), .90)) !important;
    color: var(--festival-category-fg, var(--xet-theme-on-color, #fff)) !important;
}

/* Selected/current cards and rows in every list style. */
#xet_board .baord_gallery .itemList.on,
#xet_board.black .baord_gallery .itemList.on,
#xet_board .board_webzine .item.on,
#xet_board.black .board_webzine .item.on {
    border-color: var(--xet-theme-color, #f15a24) !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, #f15a24) !important;
}

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

/* 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, #f15a24) !important;
    border-color: var(--xet-theme-color, #f15a24) !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, #f15a24) !important;
}

/* Board header, document and comment accent text/counters. */
#xet_board .infoView a.on,
#xet_board .infoSum strong,
#xet_board .boardReadHeader .titleArea .category,
#xet_board .boardReadHeader .title_info .count strong a,
#xet_board .feedbackList .feedbackHeader em,
#xet_board .feedbackList .comment-navigation a,
#xet_board .extraVarsList em,
#xet_board .extraVarsList .current_address {
    color: var(--xet-theme-color, #f15a24) !important;
}

/* Search, password, editor and custom-field 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,
#xet_board .festival-director-upload input[type=file]:focus {
    border-color: var(--xet-theme-color, #f15a24) !important;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(var(--xet-theme-rgb, 241, 90, 36), .18);
}
#xet_board .boardSearchForm.keyword .boardSearch {
    border-color: var(--xet-theme-color, #f15a24) !important;
}

/* Standard action and submit buttons. Destructive *_del buttons remain red. */
#xet_board .xet_btn.light_act,
#xet_board .xet_btn.dark_act,
#xet_board .xet_btn.peter_river,
#xet_board .festival-director-upload-button {
    color: var(--xet-theme-on-color, #fff) !important;
    background-color: var(--xet-theme-color, #f15a24) !important;
    border-color: var(--xet-theme-color, #f15a24) !important;
}
#xet_board .xet_btn.light:hover,
#xet_board .xet_btn.light:focus,
#xet_board .xet_btn.dark:hover,
#xet_board .xet_btn.dark:focus,
#xet_board .xet_btn.light_act:hover,
#xet_board .xet_btn.light_act:focus,
#xet_board .xet_btn.dark_act:hover,
#xet_board .xet_btn.dark_act:focus,
#xet_board .xet_btn.peter_river:hover,
#xet_board .xet_btn.peter_river:focus,
#xet_board .festival-director-upload-button:hover,
#xet_board .festival-director-upload-button:focus {
    color: var(--xet-theme-on-color, #fff) !important;
    background-color: var(--xet-theme-color, #f15a24) !important;
    border-color: var(--xet-theme-color, #f15a24) !important;
    filter: brightness(.92);
}

/* Search and popup 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, #f15a24) !important;
    border-color: var(--xet-theme-color, #f15a24) !important;
}

/* Film-program-specific point colors. */
#xet_board .festival-section-title:after,
#xet_board .festival-stills-dot.is-active {
    background-color: var(--xet-theme-color, #f15a24) !important;
}
#xet_board .festival-stills-prev:hover,
#xet_board .festival-stills-next:hover,
#xet_board .festival-stills-prev:focus,
#xet_board .festival-stills-next:focus {
    color: var(--xet-theme-color, #f15a24) !important;
}
#xet_board .festival-stills-dot:focus {
    outline-color: rgba(var(--xet-theme-rgb, 241, 90, 36), .45) !important;
}

/* Keyboard focus across 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, #f15a24);
    outline-offset: 2px;
}

/* The still-slider arrows intentionally keep their borderless focus treatment. */
#xet_board .festival-stills-prev:focus,
#xet_board .festival-stills-next:focus,
#xet_board .festival-stills-prev:focus-visible,
#xet_board .festival-stills-next:focus-visible,
#xet_board .festival-stills-prev:active,
#xet_board .festival-stills-next:active {
    outline: 0 !important;
    outline-offset: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* IMPORTANT: preserve the existing list-top category menu colors and focus behavior. */
#xet_board .xet-list-toolbar__categories .categoryList a:focus,
#xet_board .xet-list-toolbar__categories .categoryList a:focus-visible,
#xet_board .xet-list-toolbar__categories .category-nav a:focus,
#xet_board .xet-list-toolbar__categories .category-nav a:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}


/* 목록 최상단 카테고리는 레이아웃 테마컬러와 분리하고 원본 중립 회색을 유지한다. */
#xet_board .xet-list-toolbar__categories .categoryList li a:not(.on):hover,
#xet_board .xet-list-toolbar__categories .categoryList li a:not(.on):focus,
#xet_board .xet-list-toolbar__categories .categoryList li a:not(.on):focus-visible {
    color: #555 !important;
    background: #fff !important;
    border-color: #e1e1e1 !important;
    outline: 0 !important;
    box-shadow: none !important;
}
#xet_board .xet-list-toolbar__categories .categoryList li a.on,
#xet_board .xet-list-toolbar__categories .categoryList li.on > a {
    color: #fff !important;
    background: #4b4b4b !important;
    border-color: #4b4b4b !important;
    outline: 0 !important;
    box-shadow: none !important;
}
#xet_board.black .xet-list-toolbar__categories .categoryList li a:not(.on):hover,
#xet_board.black .xet-list-toolbar__categories .categoryList li a:not(.on):focus,
#xet_board.black .xet-list-toolbar__categories .categoryList li a:not(.on):focus-visible {
    color: #ccc !important;
    background: #000 !important;
    border-color: #333 !important;
    outline: 0 !important;
    box-shadow: none !important;
}
#xet_board.black .xet-list-toolbar__categories .categoryList li a.on,
#xet_board.black .xet-list-toolbar__categories .categoryList li.on > a {
    color: #fff !important;
    background: #333 !important;
    border-color: #333 !important;
    outline: 0 !important;
    box-shadow: none !important;
}
