/* Blog post detail page styles */

[data-theme="dark"] #blog-post-wrapper,
[data-bs-theme="dark"] #blog-post-wrapper {
    background-color: var(--site-primary-bgcolor);
    border-color: var(--site-light-grey);
    color: var(--site-primary-text-dark);
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.28);
}

[data-theme="dark"] #blog-post-wrapper .blog-box,
[data-bs-theme="dark"] #blog-post-wrapper .blog-box {
    background-color: var(--site-bg-primary-light);
    color: var(--site-primary-text-dark);
}

[data-theme="dark"] #blog-post-wrapper .blog-post-title,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-title {
    color: #f8fafc;
}

[data-theme="dark"] #blog-post-wrapper .text-muted,
[data-bs-theme="dark"] #blog-post-wrapper .text-muted {
    color: #a9c3d7 !important;
}

[data-theme="dark"] #blog-post-wrapper .blog-post-content,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content,
[data-theme="dark"] #blog-post-wrapper .blog-post-content p,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content p,
[data-theme="dark"] #blog-post-wrapper .blog-post-content li,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content li,
[data-theme="dark"] #blog-post-wrapper .blog-post-content blockquote,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content blockquote,
[data-theme="dark"] #blog-post-wrapper .blog-post-content figcaption,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content figcaption {
    color: #d7e4ed;
}

/* CKEditor article paragraphs use this legacy class and fixed light-theme ink. */
[data-theme="dark"] #blog-post-wrapper .blog-par,
[data-bs-theme="dark"] #blog-post-wrapper .blog-par,
[data-theme="dark"] #blog-post-wrapper .blog-par p,
[data-bs-theme="dark"] #blog-post-wrapper .blog-par p,
[data-theme="dark"] #blog-post-wrapper .blog-par span,
[data-bs-theme="dark"] #blog-post-wrapper .blog-par span {
    color: #d7e4ed !important;
}

[data-theme="dark"] #blog-post-wrapper .blog-post-content h1,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content h1,
[data-theme="dark"] #blog-post-wrapper .blog-post-content h2,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content h2,
[data-theme="dark"] #blog-post-wrapper .blog-post-content h3,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content h3,
[data-theme="dark"] #blog-post-wrapper .blog-post-content h4,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content h4,
[data-theme="dark"] #blog-post-wrapper .blog-post-content h5,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content h5,
[data-theme="dark"] #blog-post-wrapper .blog-post-content h6,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content h6 {
    color: #f8fafc;
}

[data-theme="dark"] #blog-post-wrapper .blog-post-content a,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content a {
    color: #67e8f9;
    text-decoration-color: rgba(103, 232, 249, 0.55);
}

[data-theme="dark"] #blog-post-wrapper .blog-post-content a:hover,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content a:hover {
    color: #99f6e4;
    text-decoration-color: currentColor;
}

[data-theme="dark"] #blog-post-wrapper .blog-post-content blockquote,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content blockquote {
    border-left-color: #2dd4bf;
}

[data-theme="dark"] #blog-post-wrapper .blog-post-content hr,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content hr,
[data-theme="dark"] #blog-post-wrapper .blog-post-content table,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content table,
[data-theme="dark"] #blog-post-wrapper .blog-post-content th,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content th,
[data-theme="dark"] #blog-post-wrapper .blog-post-content td,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content td {
    border-color: var(--site-light-grey);
}

[data-theme="dark"] #blog-post-wrapper .blog-post-content th,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content th {
    background-color: rgba(45, 212, 191, 0.1);
    color: #f8fafc;
}

[data-theme="dark"] #blog-post-wrapper .blog-post-content td,
[data-bs-theme="dark"] #blog-post-wrapper .blog-post-content td {
    color: #d7e4ed;
}

[data-theme="dark"] #blog-post-wrapper .pill,
[data-bs-theme="dark"] #blog-post-wrapper .pill {
    border-color: rgba(103, 232, 249, 0.42);
    color: #a5f3fc;
}

[data-theme="dark"] #blog-post-wrapper .pill:hover,
[data-bs-theme="dark"] #blog-post-wrapper .pill:hover {
    background-color: rgba(45, 212, 191, 0.2);
    border-color: #5eead4;
    color: #f8fafc;
}

[data-theme="dark"] #up-arrow-wrapper .bi,
[data-bs-theme="dark"] #up-arrow-wrapper .bi {
    background-color: var(--site-primary-bgcolor);
    color: #67e8f9;
}