/* ==========================================================================
   MATRITSATA - DARK READING MODE OVERRIDES (HTML[DATA-READING-MODE="DARK"])
   ========================================================================== */

/* 1. First Big Letter (Drop Cap) */
html[data-reading-mode="dark"] .article-entry-content>p:first-of-type::first-letter,
html[data-reading-mode="dark"] .article-entry-content>.wp-block-group>p:first-of-type::first-letter,
html[data-reading-mode="dark"] .article-entry-content p.has-drop-cap:not(:focus)::first-letter {
    color: var(--color-accent-red) !important;
}

/* 2. Container Background & Text */
html[data-reading-mode="dark"] .single-post-wrapper {
    background-color: #09090C !important;
    color: #EDEDED !important;
    transition: background-color 0.25s ease, color 0.25s ease;
}

html[data-reading-mode="dark"] .single-post-wrapper .matritsata-breadcrumbs {
    color: #72727A !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .matritsata-breadcrumbs a {
    color: #A0A0A5 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .matritsata-breadcrumbs a:hover {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-post-title {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-post-lead {
    color: #ffffff !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-post-author-bar {
    border-color: #222228 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .author-display-name {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .author-title-role {
    color: #72727A !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .author-meta-divider {
    background-color: #26262E !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .post-published-meta {
    color: #8E8E94 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-author-views {
    color: #D2D2D6 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-author-views .views-count {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-author-views .views-label {
    color: #8E8E94 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .reaction-btn {
    background-color: #121216 !important;
    border-color: #26262E !important;
    color: #D2D2D6 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .reaction-btn:hover {
    border-color: #40404C !important;
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .image-caption {
    color: #8E8E94 !important;
}

/* 3. Reading Toolbar in Dark Mode */
html[data-reading-mode="dark"] .single-post-wrapper .single-reading-toolbar {
    background: #111115 !important;
    border-color: #22222A !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

html[data-reading-mode="dark"] .single-post-wrapper .reading-toolbar-label {
    color: #92929A !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .reading-toolbar-divider {
    background-color: #26262E !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .reading-tool-btn {
    background-color: #18181E !important;
    border-color: #2D2D36 !important;
    color: #E2E2E6 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .reading-tool-btn:hover {
    border-color: var(--color-accent-red) !important;
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .reading-tool-btn.is-active {
    background-color: var(--color-accent-red) !important;
    border-color: var(--color-accent-red) !important;
    color: #FFFFFF !important;
}

/* 4. Article Body Typography in Dark Mode */
html[data-reading-mode="dark"] .single-post-wrapper .article-entry-content>p,
html[data-reading-mode="dark"] .single-post-wrapper .article-entry-content>ul,
html[data-reading-mode="dark"] .single-post-wrapper .article-entry-content>ol {
    color: #D8D8DE !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .article-entry-content h2,
html[data-reading-mode="dark"] .single-post-wrapper .article-entry-content h3,
html[data-reading-mode="dark"] .single-post-wrapper .article-entry-content h4 {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .article-entry-content blockquote {
    color: #FFFFFF !important;
    border-left-color: var(--color-accent-red) !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .article-entry-content a:not(.wp-block-button__link) {
    color: #FF5454 !important;
    text-decoration-color: rgba(255, 84, 84, 0.5) !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .article-tags-wrap {
    border-color: #222228 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .article-tags-label {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .article-tag-item {
    background-color: #141418 !important;
    border-color: #24242C !important;
    color: #D2D2D6 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .article-tag-item:hover {
    background-color: #22222A !important;
    border-color: #383844 !important;
    color: #FFFFFF !important;
}

/* 5. Link Preview Cards in Dark Mode */
html[data-reading-mode="dark"] .single-post-wrapper .link-preview-card-inner {
    background-color: #121216 !important;
    border-color: #26262E !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .link-preview-card-inner:hover {
    border-color: #383844 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .link-preview-title {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .link-preview-excerpt {
    color: #A2A2A8 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .link-preview-footer {
    border-color: #1E1E26 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .link-preview-source {
    color: #8E8E94 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .link-preview-action {
    color: #FFFFFF !important;
}

/* 6. Comments Section in Dark Mode */
html[data-reading-mode="dark"] .single-post-wrapper .comments-area {
    border-color: #222228 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .comments-title {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .comment-textarea-field {
    background-color: #111115 !important;
    border-color: #26262E !important;
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .comment-textarea-field:focus {
    border-color: var(--color-accent-red) !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .comment-guest-input {
    background-color: #111115 !important;
    border-color: #26262E !important;
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .btn-comment-publish {
    background-color: var(--color-accent-red) !important;
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .btn-comment-publish:hover {
    background-color: var(--color-accent-red-hover) !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-comment-item {
    background-color: #121216 !important;
    border-color: #222228 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-comment-item.is-reply {
    background-color: #16161C !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-comment-author {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-comment-text {
    color: #D2D2D6 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .btn-comment-reply,
html[data-reading-mode="dark"] .single-post-wrapper .btn-comment-vote {
    color: #8E8E94 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .btn-comment-vote:hover {
    background-color: #202028 !important;
    color: #FFFFFF !important;
}

/* 7. Related Articles & Sidebar in Dark Mode */
html[data-reading-mode="dark"] .single-post-wrapper .single-related-section {
    border-color: #222228 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-related-section .matritsata-section-header {
    border-color: #222228 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-related-section .matritsata-section-title,
html[data-reading-mode="dark"] .single-post-wrapper .single-related-section .matritsata-section-title span {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-related-section .matritsata-view-all {
    color: #A0A0A5 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-related-section .matritsata-view-all:hover {
    color: var(--color-accent-red) !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-related-item {
    border-color: #1E1E26 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-related-thumb {
    background-color: #000000 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-related-title,
html[data-reading-mode="dark"] .single-post-wrapper .single-related-title a {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-related-title a:hover {
    color: var(--color-accent-red) !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-related-time {
    color: #8E8E94 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-sidebar-column .matritsata-section-header,
html[data-reading-mode="dark"] .single-post-wrapper .sidebar-widget-title {
    border-color: #222228 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .single-sidebar-column .matritsata-section-title,
html[data-reading-mode="dark"] .single-post-wrapper .sidebar-widget-title {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .top-read-item {
    border-color: #1E1E26 !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .top-read-title,
html[data-reading-mode="dark"] .single-post-wrapper .top-read-title a {
    color: #FFFFFF !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .top-read-title a:hover {
    color: var(--color-accent-red) !important;
}

html[data-reading-mode="dark"] .single-post-wrapper .category-top-read-thumb {
    background-color: #000000 !important;
}

html[data-reading-mode="dark"] .single-article-header-box {
    border-color: #222228 !important;
}