/* =================================================
   Flavor News - Dark Mode CSS
   ================================================= */

body.dark {
    background: #121212;
    color: #fff !important
}
body.dark a {
    color: #4da3ff;
}
body.dark .card, body.dark .widget, body.dark .post {
    background: #2a2a2a;
    border-color: #444;
}
body.dark .widget-area a, body.dark .archive-inner a {
    background: #333;
    color: #fff !important
}
body.dark h2 {
    color: #fff !important
}
body.dark .content, body.dark .main-box {
    background: #2b2a2a !important
}
body.dark .gnews-btn, body.dark .gnews-site, body.dark .post-tags-inner a, body.dark p.related_links a {
    color: #fff;
    background: #3a3a3a;
}
body.dark header,
body.dark .menu-h-container {
    background: #222;
    color: #fff !important
}
body.dark header a,
body.dark header a:hover {
    color: #e5e7eb !important
}
body.dark .footer-box {
    background: #222 !important;
}
body.dark .footer-widget ul li a,
body.dark .footer-widget .sidebar a {
    background: #3a3a4a !important;
    color: #fff !important;
}
body.dark .footer-widget ul li a:hover,
body.dark .footer-widget .sidebar a:hover {
    background: #4a4a5a !important;
}
body.dark footer, body.dark footer a, body.dark footer a:hover, body.dark .footer-copyright {
    background: #222;
    color: #fff !important
}
body.dark nav-wrapper a {
    color: #fff !important
}
body.dark .post-meta .post-meta-item {
    background: #1e293b;
    color: #cbd5f5;
}
body.dark #comments {
    color: #e0e0e0;
    padding: 20px;
    border-radius: 10px
}
body.dark .widget-header {
    background: #444
}
body.dark .widget-header .widget-title h2 {
    color: #fff
}
body.dark #comments .widget-title h2,
body.dark #comments .leave-comment-title h3,
body.dark #comments label {
    color: #fff
}
body.dark #comments a {
    color: #4da3ff;
    text-decoration: none
}
body.dark #comments a:hover {
    color: #66b3ff;
    text-decoration: underline
}
body.dark #comments textarea,
body.dark #comments input[type="text"],
body.dark #comments input[type="email"],
body.dark #comments input[type="url"] {
    background-color: #2a2a2a;
    color: #f1f1f1;
    border: 1px solid #444;
    border-radius: 6px;
    padding: 10px;
    width: 100%
}
body.dark #comments textarea::placeholder {
    color: #aaa
}
body.dark #comments input[type="submit"] {
    background-color: #4da3ff;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    cursor: pointer;
    transition: 0.3s
}
body.dark #comments input[type="submit"]:hover {
    background-color: #66b3ff
}
body.dark .topbar .menu-toggle {
    color: #e5e7eb !important;
    border-color: #444
}
body.dark .post-tags a {
    background: #4da3ff !important;
    color: #fff !important
}
body.dark .sub-menu {
    background: #3a3a3a !important
}
body.dark .NewLink a, body.dark .post-meta a {
    color: #fff !important
}
body.dark .sb-facebook a {
    background: #3b5998
}
body.dark .sb-twitter a {
    background: #1da1f2
}
body.dark .sb-instagram a {
    background: #c13584
}
body.dark .sb-youtube a {
    background: red
}
body.dark .site-icon-search {
    color: #fff
}

/* Dark Mode Toggle - handled in navigation.css */
body.dark .faq-question {
    background: #0d101c;
    color: #e0ecff
}
body.dark .post-content a {
    color: #4da3ff !important;
    text-decoration: underline;
}
body.dark .post-content a:hover {
    color: #66b3ff !important;
}
body.dark .post-content ol {
    border: 1px solid #ddd;
    padding: 8px;
    color: #ffffff !important;
}
body.dark .post-content table {
    background: #1e1e1e;
    color: #fff;
}
body.dark .post-content th, body.dark .post-content td {
    border-color: #444;
}
body.dark .post-content tr {
    background: #222;
}
body.dark .site-logo .logo-light {
    display: none
}
body.dark .site-logo .logo-dark {
    display: inline-block
}
body.dark .related-posts-header {
    color: #e2e8f0;
    border-color: var(--main-color);
}
body.dark .rp-card {
    background: #0f172a;
    border-color: #1e2d45;
    box-shadow: 0 2px 10px rgba(0,0,0,.4);
}
body.dark .rp-card-title {
    color: #e2e8f0;
}
body.dark .rp-card-date {
    color: #64748b;
}
body.dark .google-news-banner,
body.dark .whatsapp-banner,
body.dark .telegram-banner {
    background: #0f172a;
    border-color: rgba(255,255,255,.08);
    box-shadow: 0 10px 30px rgba(0,0,0,.6);
}
body.dark .google-news-text {
    color: #93c5fd;
}
body.dark .whatsapp-text {
    color: #6ee7b7;
}
body.dark .telegram-text {
    color: #7dd3fc;
}
body.dark .share-buttons a {
    color: #e5e7eb;
}
body.dark .NewLink {
    background: #1b1e24 !important;
}
body.dark .NewLink a {
    color: #ffffff !important;
}
body.dark .posts .post {
    background: #0f172a;
    box-shadow: 0 8px 28px rgba(0,0,0,.6);
}
body.dark .posts .title {
    color: #e5e7eb;
}
body.dark .post-content > ol {
    border: none !important;
}
body.dark .search-popup-overlay {
    background: rgba(35, 35, 35, 0.92);
}
body.dark .search-field {
    flex: 1;
    background: transparent;
    border: none;
    color: #ffffff;
}
body.dark .search-popup-box {
    background: #202020;
}
body.dark .sidebar {
    background: #2a2a2a;
}
body.dark .article-card-title {
    color: #e5e7eb;
}
body.dark .breaking-bar {
    background: #202020;
}
body.dark .breaking-close {
    color: #fff;
}
body.dark .links-footer ul li a:hover {
    background: #404040;
}

/* Single post card */
body.dark .single-content .content {
    background: #0f172a !important;
    border-color: #1e2d45 !important;
    box-shadow: 0 2px 16px rgba(0,0,0,.5) !important;
}

/* Post meta badges */
body.dark .post-meta .post-meta-item {
    background: #1e293b !important;
    color: #94a3b8 !important;
    border-color: #2a3a52 !important;
}
body.dark .post-meta .post-meta-item-prefix {
    color: #64748b !important;
}
body.dark .medium-color {
    color: #94a3b8 !important;
}

/* Author box */
body.dark .author-inner {
    background: #0f172a !important;
    border-color: #1e2d45 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.5) !important;
}
body.dark .author-title h2 a {
    color: #e2e8f0 !important;
}
body.dark .author-description {
    color: #94a3b8 !important;
}
body.dark .author-all-posts {
    background: rgba(255,255,255,.08) !important;
    color: #93c5fd !important;
}
body.dark .author-all-posts:hover {
    background: rgba(255,255,255,.15) !important;
}

/* Comments */
body.dark .comments-title {
    color: #e2e8f0 !important;
    border-color: #1e2d45 !important;
}
body.dark .comment-list .comment {
    background: #1e293b !important;
    border-color: #2a3a52 !important;
}
body.dark .comment-author-name {
    color: #e2e8f0 !important;
}
body.dark .comment-date {
    color: #64748b !important;
}
body.dark .comment-text {
    color: #94a3b8 !important;
}
body.dark .comment-reply-link {
    color: #93c5fd !important;
    border-color: #2a3a52 !important;
}
body.dark .comment-reply-link:hover {
    background: #1e2d45 !important;
    color: #7dd3fc !important;
}
body.dark .comment-form input,
body.dark .comment-form select,
body.dark .comment-form textarea {
    background: #1e293b !important;
    border-color: #2a3a52 !important;
    color: #e2e8f0 !important;
}
body.dark .comment-form input:focus,
body.dark .comment-form textarea:focus {
    border-color: var(--main-color) !important;
    background: #0f172a !important;
}
body.dark .comment-form input::placeholder,
body.dark .comment-form textarea::placeholder {
    color: #64748b !important;
}