/*
 * Dark "tech-grade" reskin of the stock WoWonder Directory listing pages
 * (Discover Groups / Discover Pages, /directory/groups & /directory/pages).
 * Scoped under body.jp-directory-source-ready (added by an inline script in
 * themes/sunshine/layout/directory/groups.phtml and directory/pages.phtml)
 * so this never touches .wow_content or other generic WoWonder classes on
 * pages that reuse the same class (e.g. the news feed, where feed cards are
 * intentionally white on the dark shell -- see jeepney-ai-platform.css).
 *
 * Same dark palette as Forum (stylesheet/forum/forum-dark-theme.css) and
 * Communities: #0f1b30 card, #111c2e soft panel, #e6edf3 text, #8b98a5
 * muted, jp-red #e00000, jp-cyan #3dd6f5.
 */

body.jp-directory-source-ready .singlecol .wo_search_page {
    background: rgba(15, 27, 48, 0.6) !important;
    border-radius: 16px !important;
}

body.jp-directory-source-ready .wow_content,
body.jp-directory-source-ready .empty_state {
    background-color: #0f1b30 !important;
    color: #e6edf3 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.jp-directory-source-ready .wow_content.popular_posts_hdr h2,
body.jp-directory-source-ready .wow_content.popular_posts_hdr p,
body.jp-directory-source-ready .wow_content.popular_posts_hdr b {
    color: #e6edf3 !important;
}

body.jp-directory-source-ready .wow_content.popular_posts_hdr svg {
    color: #3dd6f5 !important;
}

/* Left sidebar nav: Posts / Users / Pages / Group / Blog / Market ... */
body.jp-directory-source-ready .wo_direct a {
    color: #8b98a5 !important;
    background: transparent !important;
}

body.jp-directory-source-ready .wo_direct a:hover,
body.jp-directory-source-ready .wo_direct a.active {
    background: #111c2e !important;
    color: #ffffff !important;
}

body.jp-directory-source-ready .wo_direct a p {
    color: inherit !important;
}

/* Result cards (search/group-result.phtml, search/page-result.phtml, ...) */
body.jp-directory-source-ready .jp-search-card-inner-source,
body.jp-directory-source-ready .jp-search-card-source > div {
    background: #0f1b30 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
}

body.jp-directory-source-ready .jp-search-card-inner-source:hover,
body.jp-directory-source-ready .jp-search-card-source > div:hover {
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35) !important;
}

body.jp-directory-source-ready .jp-search-card-media-source,
body.jp-directory-source-ready .jp-search-card-avatar-source {
    background: #111c2e !important;
}

body.jp-directory-source-ready .jp-search-card-body-source h4,
body.jp-directory-source-ready .jp-search-card-source h4 {
    color: #e6edf3 !important;
}

body.jp-directory-source-ready .jp-search-card-body-source p,
body.jp-directory-source-ready .jp-search-card-source .album-name p {
    color: #8b98a5 !important;
}

/* Pagination footer ("Showing X out of Y" + page numbers) */
body.jp-directory-source-ready .wo-admincp-feturepager,
body.jp-directory-source-ready .wo-admincp-feturepager span {
    color: #8b98a5 !important;
}

body.jp-directory-source-ready .pagination > li > a {
    background: #111c2e !important;
    color: #e6edf3 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.jp-directory-source-ready .pagination > li > a:hover {
    background: #16233a !important;
    color: #ffffff !important;
}

body.jp-directory-source-ready .pagination > li.active > a {
    background: #e00000 !important;
    border-color: transparent !important;
    color: #ffffff !important;
}