/* Blog Dark Mode Overrides - ALL WHITE TEXT - MAXIMUM PRIORITY */

/* NUCLEAR OPTION: Force EVERYTHING to white */
*, *::before, *::after {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Override any inline styles or other CSS */
html, body, div, span, p, h1, h2, h3, h4, h5, h6,
a, em, strong, b, i, u, small, big, sub, sup,
blockquote, q, cite, abbr, acronym, dfn, code, pre, kbd, samp, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
main, menu, nav, section, summary, time, mark, audio, video {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}

/* Base Styles */
body {
    background-color: #0e0e0e !important;
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Headers - Make sure they're bright white */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: none !important;
}

/* Blog Content Container */
.blog-content {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    color: #ffffff !important;
}

/* All text content - Maximum specificity */
.prose,
.blog-meta,
.blog-meta span,
.blog-meta i,
.article-meta,
.article-tags,
.article-content,
.article-content p,
.article-content li,
.article-content blockquote,
.article-content code,
.article-content pre,
.article-content div,
.article-content span,
.article-content strong,
.article-content em,
.article-content b,
.article-content i,
.comment-content,
.comment-meta,
.comment-form label,
.comment-respond,
.entry-content,
.entry-content p,
.entry-content div,
.entry-content span,
.entry-content li,
.entry-content blockquote,
.entry-content code,
.entry-content pre {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}

/* Links - Bright cyan that stands out */
a {
    color: #00ffff !important;
    transition: color 0.2s ease;
    font-weight: bold !important;
    text-decoration: none !important;
}

a:hover {
    color: #80ffff !important;
    text-decoration: underline !important;
}

/* Code Blocks */
pre, code {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 1px solid #555 !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
}

/* Blockquotes */
blockquote {
    border-left: 5px solid #00ffff !important;
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    padding: 15px !important;
    margin: 10px 0 !important;
}

/* Tables */
table {
    border-color: #555 !important;
    background-color: #1a1a1a !important;
}

th, td {
    border-color: #555 !important;
    color: #ffffff !important;
    background-color: #2d2d2d !important;
    padding: 8px !important;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 2px solid #555 !important;
    padding: 10px !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #00ffff !important;
    outline: none !important;
}

/* Buttons */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link {
    background-color: #00ffff !important;
    color: #000000 !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-weight: bold !important;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover {
    background-color: #80ffff !important;
    transform: translateY(-1px) !important;
}

/* Widgets */
.widget {
    background-color: #1a1a1a !important;
    border: 2px solid #333 !important;
    color: #ffffff !important;
}

.widget-title {
    color: #ffffff !important;
    border-bottom: 2px solid #00ffff !important;
    padding-bottom: 10px !important;
}

/* Comments */
.comment-list .comment-body {
    background-color: #1a1a1a !important;
    border: 2px solid #333 !important;
    color: #ffffff !important;
}

.comment-meta a {
    color: #00ffff !important;
    font-weight: bold !important;
}

.comment-reply-link {
    background-color: #00ffff !important;
    color: #000000 !important;
    font-weight: bold !important;
}

/* Pagination */
.pagination .page-numbers {
    color: #00ffff !important;
    border: 2px solid #555 !important;
    background-color: #1a1a1a !important;
    padding: 8px 12px !important;
    margin: 0 2px !important;
    text-decoration: none !important;
}

.pagination .current,
.pagination .page-numbers:hover {
    background-color: #00ffff !important;
    color: #000000 !important;
}

/* Meta information */
.entry-meta,
.entry-footer,
.post-meta {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Category and tag links */
.cat-links a,
.tags-links a,
.entry-categories a,
.entry-tags a {
    color: #00ffff !important;
    background-color: #2d2d2d !important;
    padding: 4px 8px !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.cat-links a:hover,
.tags-links a:hover,
.entry-categories a:hover,
.entry-tags a:hover {
    background-color: #00ffff !important;
    color: #000000 !important;
}

/* Author info */
.author-box {
    background-color: #1a1a1a !important;
    border: 2px solid #333 !important;
    color: #ffffff !important;
}

/* Navigation */
.nav-links a {
    color: #00ffff !important;
    font-weight: bold !important;
}

.nav-links a:hover {
    color: #80ffff !important;
}

/* Search form */
.search-form input[type="search"] {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 2px solid #555 !important;
}

.search-submit {
    background-color: #00ffff !important;
    color: #000000 !important;
    font-weight: bold !important;
}

/* Additional elements that might be missed */
.header,
.header h1,
.header p,
.blog-card,
.blog-card h3,
.blog-card p,
.blog-card .meta,
.blog-card .date,
.blog-card .author,
.sidebar,
.sidebar h3,
.sidebar p,
.sidebar a,
.footer,
.footer p,
.footer a,
.copyright,
.copyright p,
.loading,
.loading p,
.error,
.error p {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Blog card specific styles */
.blog-card .card-title {
    color: #ffffff !important;
    font-weight: bold !important;
}

.blog-card .card-text {
    color: #ffffff !important;
    opacity: 1 !important;
}

.blog-card .meta {
    color: #ffffff !important;
    background-color: #2d2d2d !important;
    padding: 4px 8px !important;
    border-radius: 3px !important;
}

/* Category and tag styling */
.category-list a,
.tag-list a {
    color: #00ffff !important;
    background-color: #2d2d2d !important;
    padding: 6px 12px !important;
    border-radius: 15px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: all 0.2s ease !important;
}

.category-list a:hover,
.tag-list a:hover {
    background-color: #00ffff !important;
    color: #000000 !important;
    transform: translateY(-1px) !important;
}

/* Recent posts widget */
.recent-posts a {
    color: #00ffff !important;
    font-weight: bold !important;
}

.recent-posts a:hover {
    color: #80ffff !important;
}

/* Search widget */
.search-widget input {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 2px solid #555 !important;
}

.search-widget button {
    background-color: #00ffff !important;
    color: #000000 !important;
    font-weight: bold !important;
}

/* Override any dark theme or gray text */
.dark-theme,
.gray-text,
.faded,
.dimmed,
.muted,
.secondary,
.text-muted,
.text-secondary {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Ensure no text shadows or effects that make text invisible */
* {
    text-shadow: none !important;
    -webkit-text-stroke: none !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Fix for any SVG icons that might be black */
svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Fix for any images or backgrounds that might overlay text */
img, picture, video {
    opacity: 1 !important;
}

/* Last resort - absolutely everything */
html * {
    color: #ffffff !important;
}

/* Base Styles */
body {
    background-color: #0e0e0e !important;
    color: #ffffff !important;
}

/* Headers - Make sure they're bright white */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* Blog Content Container */
.blog-content {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    color: #ffffff !important;
}

/* All text content */
.prose,
.blog-meta,
.blog-meta span,
.blog-meta i,
.article-meta,
.article-tags,
.article-content,
.article-content p,
.article-content li,
.article-content blockquote,
.article-content code,
.article-content pre,
.article-content div,
.article-content span,
.article-content strong,
.article-content em,
.article-content b,
.article-content i,
.comment-content,
.comment-meta,
.comment-form label,
.comment-respond,
.entry-content,
.entry-content p,
.entry-content div,
.entry-content span,
.entry-content li,
.entry-content blockquote,
.entry-content code,
.entry-content pre {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Links - Bright blue that stands out */
a {
    color: #00d4ff !important;
    transition: color 0.2s ease;
    font-weight: bold !important;
}

a:hover {
    color: #80e0ff !important;
    text-decoration: underline !important;
}

/* Code Blocks */
pre, code {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 1px solid #555 !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
}

/* Blockquotes */
blockquote {
    border-left: 5px solid #00d4ff !important;
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    padding: 15px !important;
    margin: 10px 0 !important;
}

/* Tables */
table {
    border-color: #555 !important;
    background-color: #1a1a1a !important;
}

th, td {
    border-color: #555 !important;
    color: #ffffff !important;
    background-color: #2d2d2d !important;
    padding: 8px !important;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 2px solid #555 !important;
    padding: 10px !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #00d4ff !important;
    outline: none !important;
}

/* Buttons */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link {
    background-color: #00d4ff !important;
    color: #0e0e0e !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-weight: bold !important;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover {
    background-color: #80e0ff !important;
    transform: translateY(-1px) !important;
}

/* Widgets */
.widget {
    background-color: #1a1a1a !important;
    border: 2px solid #333 !important;
    color: #ffffff !important;
}

.widget-title {
    color: #ffffff !important;
    border-bottom: 2px solid #00d4ff !important;
    padding-bottom: 10px !important;
}

/* Comments */
.comment-list .comment-body {
    background-color: #1a1a1a !important;
    border: 2px solid #333 !important;
    color: #ffffff !important;
}

.comment-meta a {
    color: #00d4ff !important;
    font-weight: bold !important;
}

.comment-reply-link {
    background-color: #00d4ff !important;
    color: #0e0e0e !important;
    font-weight: bold !important;
}

/* Pagination */
.pagination .page-numbers {
    color: #00d4ff !important;
    border: 2px solid #555 !important;
    background-color: #1a1a1a !important;
    padding: 8px 12px !important;
    margin: 0 2px !important;
    text-decoration: none !important;
}

.pagination .current,
.pagination .page-numbers:hover {
    background-color: #00d4ff !important;
    color: #0e0e0e !important;
}

/* Meta information */
.entry-meta,
.entry-footer,
.post-meta {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Category and tag links */
.cat-links a,
.tags-links a,
.entry-categories a,
.entry-tags a {
    color: #00d4ff !important;
    background-color: #2d2d2d !important;
    padding: 4px 8px !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.cat-links a:hover,
.tags-links a:hover,
.entry-categories a:hover,
.entry-tags a:hover {
    background-color: #00d4ff !important;
    color: #0e0e0e !important;
}

/* Author info */
.author-box {
    background-color: #1a1a1a !important;
    border: 2px solid #333 !important;
    color: #ffffff !important;
}

/* Navigation */
.nav-links a {
    color: #00d4ff !important;
    font-weight: bold !important;
}

.nav-links a:hover {
    color: #80e0ff !important;
}

/* Search form */
.search-form input[type="search"] {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 2px solid #555 !important;
}

.search-submit {
    background-color: #00d4ff !important;
    color: #0e0e0e !important;
    font-weight: bold !important;
}

/* Additional CSS to ensure no dark/faded text remains */
.header,
.header h1,
.header p,
.blog-card,
.blog-card h3,
.blog-card p,
.blog-card .meta,
.blog-card .date,
.blog-card .author,
.sidebar,
.sidebar h3,
.sidebar p,
.sidebar a,
.footer,
.footer p,
.footer a,
.copyright,
.copyright p,
.loading,
.loading p,
.error,
.error p {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Ensure all backgrounds are dark */
.blog-card {
    background-color: #1a1a1a !important;
    border: 2px solid #333 !important;
}

.blog-card:hover {
    border-color: #00d4ff !important;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.3) !important;
}

.sidebar {
    background-color: #1a1a1a !important;
    border: 2px solid #333 !important;
}

.footer {
    background-color: #0e0e0e !important;
    border-top: 2px solid #333 !important;
}

/* Loading and error states */
.loading {
    background-color: #0e0e0e !important;
    color: #ffffff !important;
}

.error {
    background-color: #0e0e0e !important;
    color: #ffffff !important;
}

/* Blog card specific styles */
.blog-card .card-title {
    color: #ffffff !important;
    font-weight: bold !important;
}

.blog-card .card-text {
    color: #ffffff !important;
    opacity: 1 !important;
}

.blog-card .meta {
    color: #ffffff !important;
    background-color: #2d2d2d !important;
    padding: 4px 8px !important;
    border-radius: 3px !important;
}

/* Category and tag styling */
.category-list a,
.tag-list a {
    color: #00d4ff !important;
    background-color: #2d2d2d !important;
    padding: 6px 12px !important;
    border-radius: 15px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: all 0.2s ease !important;
}

.category-list a:hover,
.tag-list a:hover {
    background-color: #00d4ff !important;
    color: #0e0e0e !important;
    transform: translateY(-1px) !important;
}

/* Recent posts widget */
.recent-posts a {
    color: #00d4ff !important;
    font-weight: bold !important;
}

.recent-posts a:hover {
    color: #80e0ff !important;
}

/* Search widget */
.search-widget input {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 2px solid #555 !important;
}

.search-widget button {
    background-color: #00d4ff !important;
    color: #0e0e0e !important;
    font-weight: bold !important;
}
