/**
 * Darpon News Custom CSS
 */

/* Dark Mode Styles */
body.dark-mode {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

body.dark-mode .bgWhite,
body.dark-mode .sidebar-widget,
body.dark-mode .tab-news {
    background-color: #2d2d2d;
    border-color: #444;
}

body.dark-mode .desktopHeaderDiv {
    background-color: #2d2d2d;
    border-color: #444;
}

body.dark-mode .desktopSummary {
    color: #aaa;
}

body.dark-mode .post-meta {
    border-color: #444;
    color: #aaa;
}

/* Post Meta */
.post-meta {
    padding: 10px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    color: #666;
}

.post-meta span {
    margin-right: 15px;
}

.post-meta i {
    margin-right: 5px;
}

/* Post Content */
.post-content {
    font-size: 16px;
    line-height: 1.8;
}

.post-content img {
    max-width: 100%;
    height: auto;
}

/* Featured News */
.featured-news h1 {
    font-size: 28px;
    margin: 15px 0 10px;
}

/* News Item */
.news-item h3 {
    font-size: 18px;
    margin: 10px 0;
}

/* Comments */
.comment-list {
    list-style: none;
    padding: 0;
}

.comment {
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0;
}

/* Responsive */
@media (max-width: 768px) {
    .featured-news h1 {
        font-size: 22px;
    }
    
    .news-item h3 {
        font-size: 16px;
    }
    
    .post-meta span {
        display: inline-block;
        margin-bottom: 5px;
        font-size: 12px;
    }
}

/**
 * Darpon News Custom CSS
 * Enhanced Dark Mode with white text
 */

/* Dark Mode - Global White Text */
body.dark-mode {
    background-color: #121212 !important;
}

body.dark-mode .bgWhite,
body.dark-mode .desktopHeaderDiv,
body.dark-mode .mainDiv,
body.dark-mode .container {
    background-color: #121212 !important;
}

/* Make all text white in dark mode */
body.dark-mode,
body.dark-mode p,
body.dark-mode span,
body.dark-mode div,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode li,
body.dark-mode td,
body.dark-mode th,
body.dark-mode label,
body.dark-mode .title8,
body.dark-mode .title10,
body.dark-mode .title11,
body.dark-mode .title12,
body.dark-mode .desktopSummary,
body.dark-mode .news-content,
body.dark-mode .caption,
body.dark-mode .media-body {
    color: #ffffff !important;
}

/* Card and widget backgrounds */
body.dark-mode .thumbnail,
body.dark-mode .media,
body.dark-mode .tabNews,
body.dark-mode .sidebar-widget,
body.dark-mode .widget,
body.dark-mode .news-card,
body.dark-mode .category-featured,
body.dark-mode .category-item {
    background-color: #1e1e1e !important;
}

/* Border colors */
body.dark-mode .borderC1L1,
body.dark-mode .borderC1R1,
body.dark-mode .desktopDivider,
body.dark-mode .borderC1T1,
body.dark-mode .media,
body.dark-mode .news-item,
body.dark-mode .post-meta {
    border-color: #333333 !important;
}

/* Links - white by default, brand color on hover */
body.dark-mode a {
    color: #ffffff !important;
}

body.dark-mode a:hover {
    color: #114f83 !important;
}

/* Meta and secondary text */
body.dark-mode .news-meta,
body.dark-mode .post-meta,
body.dark-mode .meta,
body.dark-mode .text-muted,
body.dark-mode .small,
body.dark-mode .news-date,
body.dark-mode .todaysDate {
    color: #b0b0b0 !important;
}

/* Section titles */
body.dark-mode .desktopSectionTitle a,
body.dark-mode .sectionTitle a {
    color: #ffffff !important;
}

body.dark-mode .desktopSectionTitle a:hover,
body.dark-mode .sectionTitle a:hover {
    color: #114f83 !important;
}

/* Navigation menu */
body.dark-mode .headerMenu ul li a {
    color: #ffffff !important;
}

body.dark-mode .headerMenu ul li a:hover {
    color: #114f83 !important;
    opacity: 1;
}

/* Sidebar menu */
body.dark-mode .sidepanel {
    background-color: #1e1e1e !important;
}

body.dark-mode .sidebarCatTitle {
    color: #ffffff !important;
    border-bottom-color: #333 !important;
}

body.dark-mode .sidebarCatTitle:hover {
    color: #114f83 !important;
    padding-left: 5px;
}

/* Tab buttons */
body.dark-mode .tab-btn {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: none;
}

body.dark-mode .tab-btn.active {
    background-color: #114f83 !important;
    color: #ffffff !important;
}

body.dark-mode .tab-btn:hover {
    background-color: #3d3d3d !important;
}

/* Tab content */
body.dark-mode .tab-content,
body.dark-mode .tab-pane {
    background-color: #1e1e1e !important;
}

/* Footer */
body.dark-mode .np-footer {
    background-color: #0a0a0a !important;
}

body.dark-mode .np-footer p,
body.dark-mode .np-footer span,
body.dark-mode .np-footer div {
    color: #9ca3af !important;
}

body.dark-mode .np-footer a {
    color: #9ca3af !important;
}

body.dark-mode .np-footer a:hover {
    color: #ffffff !important;
}

body.dark-mode .np-footer h4 {
    color: #ffffff !important;
}

/* Social icons */
body.dark-mode .topSocialIcon a {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

body.dark-mode .topSocialIcon a:hover {
    background-color: #114f83 !important;
    color: #ffffff !important;
}

/* Icons */
body.dark-mode i,
body.dark-mode .fa,
body.dark-mode .fas,
body.dark-mode .far,
body.dark-mode .fab {
    color: #ffffff !important;
}

body.dark-mode i:hover {
    color: #114f83 !important;
}

/* Buttons */
body.dark-mode .btn,
body.dark-mode .btn-default,
body.dark-mode .read-more {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .btn:hover,
body.dark-mode .btn-default:hover,
body.dark-mode .read-more:hover {
    background-color: #114f83 !important;
    border-color: #114f83 !important;
    color: #ffffff !important;
}

/* Pagination */
body.dark-mode .pagination .page-numbers {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode .pagination .page-numbers.current {
    background-color: #114f83 !important;
    color: #ffffff !important;
}

body.dark-mode .pagination .page-numbers:hover {
    background-color: #3d3d3d !important;
}

/* Video section */
body.dark-mode .bgVideo {
    background: linear-gradient(135deg, #0d3d66 0%, #06203a 100%) !important;
}

body.dark-mode .bgVideo * {
    color: #ffffff !important;
}

/* Form elements */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .form-control {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

body.dark-mode input:focus,
body.dark-mode textarea:focus {
    border-color: #114f83 !important;
    outline: none;
}

/* Search form */
body.dark-mode .search-form input {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

body.dark-mode .search-form button {
    background-color: #114f83 !important;
    color: #ffffff !important;
}

/* Comments */
body.dark-mode .comment-list {
    background-color: transparent;
}

body.dark-mode .comment {
    border-bottom-color: #333 !important;
}

body.dark-mode .comment-author {
    color: #ffffff !important;
}

body.dark-mode .comment-metadata a {
    color: #b0b0b0 !important;
}

/* Widgets */
body.dark-mode .widget-title {
    color: #ffffff !important;
    border-bottom-color: #114f83 !important;
}

body.dark-mode .widget ul li {
    border-bottom-color: #333 !important;
}

body.dark-mode .widget ul li a {
    color: #ffffff !important;
}

body.dark-mode .widget ul li a:hover {
    color: #114f83 !important;
}

/* Tag cloud */
body.dark-mode .tagcloud a {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

body.dark-mode .tagcloud a:hover {
    background-color: #114f83 !important;
    color: #ffffff !important;
}

/* Calendar */
body.dark-mode #wp-calendar caption {
    background-color: #114f83 !important;
    color: #ffffff !important;
}

body.dark-mode #wp-calendar th,
body.dark-mode #wp-calendar td {
    border-color: #333 !important;
    color: #ffffff !important;
}

/* 404 page */
body.dark-mode .error-404 h1 {
    color: #114f83 !important;
}

body.dark-mode .error-404 h2,
body.dark-mode .error-404 p {
    color: #ffffff !important;
}

/* Rank badges */
body.dark-mode .rank-badge {
    background-color: #114f83 !important;
    color: #ffffff !important;
}

/* Loading spinner */
body.dark-mode .loading-spinner i {
    color: #ffffff !important;
}

/* Go to top button */
body.dark-mode .go-to-top {
    background-color: #114f83 !important;
    color: #ffffff !important;
}

body.dark-mode .go-to-top:hover {
    background-color: #0d3d66 !important;
}

/* Selection color */
body.dark-mode ::selection {
    background-color: #114f83 !important;
    color: #ffffff !important;
}

body.dark-mode ::-moz-selection {
    background-color: #114f83 !important;
    color: #ffffff !important;
}

/* Scrollbar for dark mode */
body.dark-mode ::-webkit-scrollbar-track {
    background: #2d2d2d;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: #114f83;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #0d3d66;
}