/*
 * Dark "tech-grade" reskin of the stock WoWonder Blog module.
 * Scoped under body.jp-blog-source-ready (added by an inline script at the
 * top of each blog/*.phtml entry page: blog.phtml, my-blogs.phtml,
 * blog-category.phtml) so this never touches .wow_content or other
 * generic WoWonder classes site-wide.
 *
 * Same dark palette as Forum (themes/sunshine/stylesheet/forum/
 * forum-dark-theme.css) and Communities: #0f1b30 card, #111c2e soft
 * panel, #e6edf3 text, #8b98a5 muted, jp-red/jp-cyan accents. Plain hex
 * values are used instead of the --jp-* custom properties because
 * jeepney-ai-platform.css's :root defines those for a light-card-on-
 * dark-shell system (--jp-card:#ffffff) which doesn't reliably win the
 * cascade for children rendered before this stylesheet settles.
 *
 * Selectors repeat the body class (body.jp-blog-source-ready.jp-blog-
 * source-ready) to bump specificity to (0,3,1). style.css carries a
 * structural trap rule `.page-margin > .row > div > div{background:
 * rgba(255,255,255,.86) !important}` (part of a big grouped selector
 * covering .card/.panel/.wow_content/etc.) that resolves to (0,2,2) for
 * the Browse Articles empty-state panel -- higher than a plain single
 * body-class selector at (0,2,1) despite the !important on both sides.
 */

body.jp-blog-source-ready.jp-blog-source-ready .wow_content,
body.jp-blog-source-ready.jp-blog-source-ready .modal-content,
body.jp-blog-source-ready.jp-blog-source-ready .wo_my_pages,
body.jp-blog-source-ready.jp-blog-source-ready .posts_load {
    background-color: #0f1b30 !important;
    color: #e6edf3 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.jp-blog-source-ready.jp-blog-source-ready h1,
body.jp-blog-source-ready.jp-blog-source-ready h2,
body.jp-blog-source-ready.jp-blog-source-ready h3,
body.jp-blog-source-ready.jp-blog-source-ready h4,
body.jp-blog-source-ready.jp-blog-source-ready .art-title,
body.jp-blog-source-ready.jp-blog-source-ready .album-name h4 {
    color: #e6edf3 !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .art-title a,
body.jp-blog-source-ready.jp-blog-source-ready .album-name a {
    color: #e6edf3 !important;
}

body.jp-blog-source-ready.jp-blog-source-ready a,
body.jp-blog-source-ready.jp-blog-source-ready .flink {
    color: #3dd6f5 !important;
}

body.jp-blog-source-ready.jp-blog-source-ready a:hover {
    color: #ffffff !important;
}

/* Tabs: My Articles / Browse Articles, and category pill row */
body.jp-blog-source-ready.jp-blog-source-ready .wow_big_head_link .list-unstyled li a {
    color: #8b98a5 !important;
    background: transparent !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .wow_big_head_link .list-unstyled li.active a {
    color: #ffffff !important;
    background: #e00000 !important;
    border-radius: 999px !important;
}

/* Article / listing cards (Browse Articles, category grid) */
body.jp-blog-source-ready.jp-blog-source-ready .wow_main_blogs,
body.jp-blog-source-ready.jp-blog-source-ready .album_parent {
    background-color: #111c2e !important;
    color: #e6edf3 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .postMeta--author-text,
body.jp-blog-source-ready.jp-blog-source-ready .postMeta--author-text time,
body.jp-blog-source-ready.jp-blog-source-ready .small,
body.jp-blog-source-ready.jp-blog-source-ready .time,
body.jp-blog-source-ready.jp-blog-source-ready .middot,
body.jp-blog-source-ready.jp-blog-source-ready .views,
body.jp-blog-source-ready.jp-blog-source-ready .search-filter-center-text {
    color: #8b98a5 !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .postMeta--author-text a {
    color: #cbd5e1 !important;
}

/* Empty state ("No blogs to show") -- the icon itself carries its own
   light badge background (style.css: .empty_state svg{background:#f6f6f6}),
   separate from the panel background above. */
body.jp-blog-source-ready.jp-blog-source-ready .empty_state {
    color: #8b98a5 !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .empty_state svg {
    background-color: #111c2e !important;
    border-radius: 50%;
}

/* Buttons */
body.jp-blog-source-ready.jp-blog-source-ready .btn-default {
    background-color: #111c2e !important;
    color: #e6edf3 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .btn-default:hover {
    background-color: #16233a !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .btn-main {
    background-color: #e00000 !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .btn-main:hover {
    background-color: #c90000 !important;
}

/* Search box + suggestion dropdown */
body.jp-blog-source-ready.jp-blog-source-ready input[type="text"],
body.jp-blog-source-ready.jp-blog-source-ready input[type="search"],
body.jp-blog-source-ready.jp-blog-source-ready textarea,
body.jp-blog-source-ready.jp-blog-source-ready select,
body.jp-blog-source-ready.jp-blog-source-ready .form-control {
    background-color: #111c2e !important;
    color: #e6edf3 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .search-blog form,
body.jp-blog-source-ready.jp-blog-source-ready .popular-articles.search_suggs {
    background-color: #111c2e !important;
    color: #e6edf3 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* "Create" tile on My Articles */
body.jp-blog-source-ready.jp-blog-source-ready .btn_create_big {
    background-color: #111c2e !important;
    color: #e6edf3 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Create / Edit / AI-generate article forms */
body.jp-blog-source-ready.jp-blog-source-ready .wow_sett_content {
    background-color: #0f1b30 !important;
    color: #e6edf3 !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .wow_form_fields label {
    color: #e6edf3 !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .wow_fcov_image,
body.jp-blog-source-ready.jp-blog-source-ready .upload_ad_image {
    background-color: #111c2e !important;
    color: #8b98a5 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .upload_ad_image_content b.main {
    color: #3dd6f5 !important;
}

/* Tags input (bootstrap-tagsinput) */
body.jp-blog-source-ready.jp-blog-source-ready .bootstrap-tagsinput {
    background-color: #111c2e !important;
    color: #e6edf3 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .bootstrap-tagsinput .tag {
    background-color: #e00000 !important;
    color: #ffffff !important;
}

/* Alerts (AI word-credit banner, form validation) */
body.jp-blog-source-ready.jp-blog-source-ready .alert-warning {
    background-color: rgba(230, 180, 0, 0.12) !important;
    color: #f5c542 !important;
    border-color: rgba(230, 180, 0, 0.35) !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .alert-danger {
    background-color: rgba(224, 0, 0, 0.12) !important;
    color: #ff8080 !important;
    border-color: rgba(224, 0, 0, 0.35) !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .alert-success {
    background-color: rgba(61, 214, 245, 0.12) !important;
    color: #3dd6f5 !important;
    border-color: rgba(61, 214, 245, 0.35) !important;
}

/* Read Article page */
body.jp-blog-source-ready.jp-blog-source-ready .read-blog,
body.jp-blog-source-ready.jp-blog-source-ready .wo_page_hdng,
body.jp-blog-source-ready.jp-blog-source-ready .blog-com-box,
body.jp-blog-source-ready.jp-blog-source-ready .blog-comlist-container {
    background-color: #0f1b30 !important;
    color: #e6edf3 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .read-content,
body.jp-blog-source-ready.jp-blog-source-ready .read-content p,
body.jp-blog-source-ready.jp-blog-source-ready .read-blog-desc p {
    color: #cbd5e1 !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .postTag {
    background-color: #111c2e !important;
    color: #3dd6f5 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Drafts: autosave "Saved" indicator, and the Draft badge on My Articles
   → Drafts cards (card-lg-list.phtml, next to the existing .postCategory
   pill). */
body.jp-blog-source-ready.jp-blog-source-ready .blog-save-indicator {
    color: #8b98a5 !important;
    font-size: 13px;
    align-self: center;
    margin-right: 8px;
}

body.jp-blog-source-ready.jp-blog-source-ready .blog-draft-badge {
    display: inline-block;
    background-color: rgba(230, 180, 0, 0.16) !important;
    color: #f5c542 !important;
    border: 1px solid rgba(230, 180, 0, 0.35);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 10px;
    margin-left: 6px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Read Article: reading time + "Updated on" note in the byline meta line */
body.jp-blog-source-ready.jp-blog-source-ready .reading-time,
body.jp-blog-source-ready.jp-blog-source-ready .blog-updated-note {
    color: #8b98a5 !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .blog-updated-note {
    display: inline-block;
    margin-left: 8px;
    font-style: italic;
}

/* Read Article: Follow button + bio under the byline */
body.jp-blog-source-ready.jp-blog-source-ready .blog-author-follow {
    margin: 8px 0 0;
}

body.jp-blog-source-ready.jp-blog-source-ready .blog-author-bio {
    color: #cbd5e1 !important;
    font-size: 14px;
    margin: 4px 0 16px;
}

/* Read Article: table of contents */
body.jp-blog-source-ready.jp-blog-source-ready .blog-toc {
    background-color: #111c2e !important;
    color: #e6edf3 !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 20px;
}

body.jp-blog-source-ready.jp-blog-source-ready .blog-toc-title {
    display: block;
    color: #e6edf3 !important;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
}

body.jp-blog-source-ready.jp-blog-source-ready .blog-toc-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.jp-blog-source-ready.jp-blog-source-ready .blog-toc-list li {
    margin: 4px 0;
}

body.jp-blog-source-ready.jp-blog-source-ready .blog-toc-list li.blog-toc-sub {
    padding-left: 14px;
    font-size: 13px;
}

body.jp-blog-source-ready.jp-blog-source-ready .blog-toc-list a {
    color: #8b98a5 !important;
}

body.jp-blog-source-ready.jp-blog-source-ready .blog-toc-list a.active,
body.jp-blog-source-ready.jp-blog-source-ready .blog-toc-list a:hover {
    color: #3dd6f5 !important;
}