/* ==============================================================
   ElectroCSE - Complete Dark Mode Specific Overrides
   ============================================================== */

/* 1. Tag Clouds Fix (Extreme Specificity) */
[data-theme="dark"] .widget .widget-content a.tag {
    color: #cbd5e1 !important; /* Normal state mein clear light grey text */
    border: 1px solid #334155 !important;
    transition: all 0.3s ease !important;
}

[data-theme="dark"] .widget .widget-content a.tag:hover {
    color: #00c6ff !important; /* Hover par bright Electric Cyan text */
    border-color: #00c6ff !important; /* Border bhi cyan chamkegi */
    background-color: transparent !important;
}

/* 2. In-text Links Fix (Articles ke andar ke links) */
[data-theme="dark"] .post-content a,
[data-theme="dark"] .post-body a {
    color: #00c6ff !important;
    text-decoration: underline !important;
}

[data-theme="dark"] .post-content a:hover,
[data-theme="dark"] .post-body a:hover {
    color: #38bdf8 !important; /* Hover par thoda aur bright */
}

/* 3. Text Selection (Highlight) Fix */
[data-theme="dark"] *::selection {
    background-color: #00c6ff !important;
    color: #000000 !important;
}
[data-theme="dark"] *::-moz-selection {
    background-color: #00c6ff !important;
    color: #000000 !important;
}

/* 4. Sidebar Categories (Explore Topics) Hover Fix */
[data-theme="dark"] .widget-categories ul li a:hover,
[data-theme="dark"] .widget ul li a:hover {
    color: #00c6ff !important; 
}

/* 5. General Links aur Headers (Fallback hover) */
[data-theme="dark"] a:hover, 
[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .post-title a:hover {
    color: #00c6ff !important; 
}