/**
 * NIGHT MODE - COMPLETE THEME
 * All Pages, All Elements
 * @package Urdu_Newsify
 * @version 5.0.0
 */

/* ========================================
   GLOBAL NIGHT MODE
   ======================================== */
body.night-mode {
    background: #0a0a0a !important;
    color: #e0e0e0 !important;
}

.night-mode * {
    border-color: #2a2a2a !important;
}

.night-mode h1, .night-mode h2, .night-mode h3, 
.night-mode h4, .night-mode h5, .night-mode h6 {
    color: #ffffff !important;
}

.night-mode p, .night-mode span, .night-mode div {
    color: #d0d0d0;
}

.night-mode a {
    color: #66BB6A !important;
}

.night-mode a:hover {
    color: #4CAF50 !important;
}

/* ========================================
   HEADER
   ======================================== */
.night-mode .header-main {
    background: #091a27 !important;
}
.night-mode .header-top-bar {
    background: #000000 !important;
}
.night-mode .site-header {
    background: #1a1a1a !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

.night-mode .site-branding .site-title a {
    color: #ffffff !important;
}

.night-mode .site-description {
    color: #999 !important;
}


.night-mode .main-navigation a {
    color: #e0e0e0 !important;
}

.night-mode .main-navigation a:hover {
    color: #66BB6A !important;
    background: #252525 !important;
}

.night-mode .menu-toggle {
    background: #252525 !important;
    color: #ffffff !important;
}

.night-mode .header-search input {
    background: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

/* ========================================
   HOME PAGE BLOCKS
   ======================================== */
.night-mode .news-block {
    background: #091a27;
}
.night-mode .text-post {
    background: #171e24;
}
.night-mode .mini-post {
    background: #171e24;
}
.night-mode .vertical-list-item {
    background: #171e24;
}
.night-mode .block-8-list-item {
    background: #171e24;
}
.night-mode .large-post-content {
    background: #0c1f2f;
}
.night-mode .block-2-left {
    background: #0c1f2f;
}
.night-mode .block-5-left {
    background: #0c1f2f;
}
.night-mode .block-6-left {
    background: #0c1f2f;
}
.night-mode .block-8-left {
    background: #0c1f2f;
}
.night-mode .list-post-item {
    background: #171e24;
}
.night-mode .trending-post-content {
    background: #0c1f2f;
}
.night-mode .image-post-content {
    background: #0c1f2f;
}
.night-mode .grid-post-content {
    background: #0c1f2f;
}
.night-mode .grid-post-item{
    background: #0c1f2f;
}
.night-mode .news-block-4 {
    background: #091a27 !important;
}
/* ========================================
   SINGLE POST
   ======================================== */
.night-mode .main-content {
    background: #091a27 !important;
}
.night-mode .inpost-related-posts {
    background: #091a27 !important;
}
.night-mode .inpost-related-posts.design1 .related-post-item {
    background: #0b2336;
}
.night-mode .bottom-related-posts {
    background: #091a27;
}


.night-mode .post-content h2,
.night-mode .post-content h3,
.night-mode .post-content h4 {
    color: #ffffff !important;
    border-bottom-color: #2a2a2a !important;
}

.night-mode .post-content a {
    color: #66BB6A !important;
}

.night-mode blockquote {
    background: #1e1e1e !important;
    border-left-color: #66BB6A !important;
    color: #c0c0c0 !important;
}

.night-mode code {
    background: #1e1e1e !important;
    color: #66BB6A !important;
}

.night-mode pre {
    background: #1e1e1e !important;
    border-color: #2a2a2a !important;
}

.night-mode table {
    background: #1a1a1a !important;
}

.night-mode table th {
    background: #252525 !important;
    color: #ffffff !important;
}

.night-mode table td {
    color: #c0c0c0 !important;
}

/* SOCIAL SHARE - COMPLETE FIX */
.night-mode .social-share {
    background: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
    display: block !important;
    visibility: visible !important;
}

.night-mode .share-label {
    background: linear-gradient(135deg, #66BB6A, #4CAF50) !important;
    color: #ffffff !important;
    display: inline-flex !important;
}

.night-mode .share-container {
    display: flex !important;
    visibility: visible !important;
}

.night-mode .share-buttons {
    display: flex !important;
    visibility: visible !important;
}

.night-mode .share-btn {
    background: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
    display: inline-flex !important;
    visibility: visible !important;
}

.night-mode .share-btn:hover {
    background: var(--share-color) !important;
    color: #ffffff !important;
}

.night-mode .share-text {
    color: #e0e0e0 !important;
}

.night-mode .share-icon-svg {
    color: #e0e0e0 !important;
}

.night-mode .share-icon-svg svg {
    fill: currentColor !important;
}

/* All Designs Night Mode */
.night-mode .social-share.design1 .share-btn,
.night-mode .social-share.design2 .share-btn,
.night-mode .social-share.design3 .share-btn,
.night-mode .social-share.design4 .share-btn,
.night-mode .social-share.design5 .share-btn {
    background: #252525 !important;
    color: #e0e0e0 !important;
    display: inline-flex !important;
    border-color: #333 !important;
}

/* Sticky Social Share */
.night-mode .social-share-sticky {
    background: #1a1a1a !important;
}

.night-mode .social-share-sticky .share-btn {
    background: #252525 !important;
    color: #e0e0e0 !important;
}

.night-mode .related-posts {
    background: #1a1a1a !important;
}

.night-mode .author-box {
    background: #1a1a1a !important;
}

/* ========================================
   SIDEBAR
   ======================================== */
.night-mode .widget {
    background: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
}

.night-mode .widget-title {
    color: #ffffff !important;
    border-bottom-color: #2a2a2a !important;
}

.night-mode .widget ul li {
    background: #1e1e1e !important;
}

.night-mode .widget a {
    color: #c0c0c0 !important;
}

.night-mode .widget a:hover {
    color: #66BB6A !important;
}

/* ========================================
   ARCHIVE PAGE
   ======================================== */
.night-mode .archive-header {
    background: linear-gradient(135deg, #1a1a1a, #252525) !important;
}

.night-mode .archive-title {
    color: #ffffff !important;
}

.night-mode .archive-description {
    color: #b0b0b0 !important;
}

.night-mode .archive-filters {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

.night-mode .filter-select {
    background: #252525 !important;
    color: #e0e0e0 !important;
}

.night-mode .view-btn {
    background: #252525 !important;
    color: #e0e0e0 !important;
}

.night-mode .view-btn.active {
    background: linear-gradient(135deg, #66BB6A, #4CAF50) !important;
    color: #ffffff !important;
}

.night-mode .archive-post-card {
    background: #1a1a1a !important;
}

.night-mode .archive-post-card:hover {
    background: #1e1e1e !important;
}

.night-mode .archive-post-title a {
    color: #ffffff !important;
}

.night-mode .archive-post-excerpt {
    color: #b0b0b0 !important;
}

/* ========================================
   SEARCH PAGE
   ======================================== */
.night-mode .search-header {
    background: linear-gradient(135deg, #1a1a1a, #252525) !important;
}

.night-mode .search-form input {
    background: #252525 !important;
    color: #e0e0e0 !important;
}

.night-mode .search-form button {
    background: linear-gradient(135deg, #66BB6A, #4CAF50) !important;
}

.night-mode .search-result-card {
    background: #1a1a1a !important;
}

/* ========================================
   404 PAGE
   ======================================== */
.night-mode .error-404-wrapper {
    background: linear-gradient(135deg, #1a1a1a, #0a0a0a) !important;
}

.night-mode .error-404-title {
    color: #ffffff !important;
}

.night-mode .error-404-search input {
    background: #252525 !important;
    color: #e0e0e0 !important;
}

/* ========================================
   FOOTER
   ======================================== */
.night-mode .site-footer {
    background: linear-gradient(135deg, #0a0a0a, #1a1a1a) !important;
}

.night-mode .footer-widget {
    background: rgba(255, 255, 255, 0.02) !important;
}

.night-mode .footer-widget-title {
    color: #ffffff !important;
}

.night-mode .footer-newsletter {
    background: linear-gradient(135deg, #1a1a1a, #252525) !important;
}

.night-mode .newsletter-form input {
    background: #252525 !important;
    color: #e0e0e0 !important;
}

.night-mode .footer-bottom {
    background: linear-gradient(135deg, #0a0a0a, #000) !important;
}

/* ========================================
   COMMENTS
   ======================================== */
.night-mode .comments-area {
    background: #1a1a1a !important;
}

.night-mode .comment {
    background: #1e1e1e !important;
}

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

.night-mode .comment-content {
    color: #c0c0c0 !important;
}

.night-mode .comment-form input,
.night-mode .comment-form textarea {
    background: #252525 !important;
    color: #e0e0e0 !important;
}

/* ========================================
   PAGINATION
   ======================================== */
.night-mode .pagination a,
.night-mode .pagination .current {
    background: #1a1a1a !important;
    color: #e0e0e0 !important;
}

.night-mode .pagination .current {
    background: linear-gradient(135deg, #66BB6A, #4CAF50) !important;
    color: #ffffff !important;
}

/* ========================================
   ADS
   ======================================== */
.night-mode .urdu-newsify-ad {
    background: #1a1a1a !important;
}

.night-mode .ad-label {
    color: #888 !important;
}

/* ========================================
   FORMS & BUTTONS
   ======================================== */
.night-mode input[type="text"],
.night-mode input[type="email"],
.night-mode input[type="url"],
.night-mode input[type="search"],
.night-mode textarea,
.night-mode select {
    background: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

.night-mode button,
.night-mode .btn {
    background: linear-gradient(135deg, #66BB6A, #4CAF50) !important;
    color: #ffffff !important;
}

/* ========================================
   NIGHT MODE TOGGLE - HEADER VERSION
   ======================================== */
.night-mode-toggle-header {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 2px solid #e0e0e0;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-left: 15px;
}

.night-mode-toggle-header:hover {
    background: #f0f0f0;
    transform: rotate(20deg);
}

.night-mode .night-mode-toggle-header {
    border-color: #66BB6A;
    color: #FFD54F;
}

.night-mode .night-mode-toggle-header:hover {
    background: rgba(102, 187, 106, 0.1);
}

/* ========================================
   NIGHT MODE TOGGLE - STICKY VERSION
   ======================================== */
.night-mode-toggle-sticky {
    position: fixed;
    bottom: 100px;
    left: 25px;
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, #4CAF50, #66BB6A);
    color: #ffffff;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.4);
    transition: all 0.3s ease;
    z-index: 998;
    display: flex;
    align-items: center;
    justify-content: center;
}

.night-mode-toggle-sticky:hover {
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 8px 25px rgba(76, 175, 80, 0.6);
}

.night-mode .night-mode-toggle-sticky {
    background: linear-gradient(135deg, #FFD54F, #FFA726);
    box-shadow: 0 4px 15px rgba(255, 213, 79, 0.4);
}

.night-mode .night-mode-toggle-sticky:hover {
    box-shadow: 0 8px 25px rgba(255, 213, 79, 0.6);
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    .night-mode-toggle-sticky {
        bottom: 90px;
        left: 20px;
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}

/* RTL */
[dir="rtl"] .night-mode-toggle-sticky {
    left: auto;
    right: 25px;
}

[dir="rtl"] .night-mode-toggle-header {
    margin-left: 0;
    margin-right: 15px;
}