/* --- 1. DARK BACKGROUNDS --- */
body, .bg-near-white, .bg-white, .section {
    background-color: #242426 !important;
}

/* --- 2. PURE WHITE TEXT OVERRIDE --- */
/* This safely targets all text elements and removes the grayish fade */
body, p, li, h1, h2, h3, h4, h5, h6, 
.gray, .mid-gray, .near-black, .black-70, .white-90,
.nested-copy-line-height, .copy-primary, .f1, .f2, .f3, .f4, .f5, .f6 {
    color: #ffffff !important;
    opacity: 1 !important; 
}

/* --- 3. PURE WHITE LINKS --- */
a, .link, .nav-links a {
    color: #ffffff !important;
}

/* --- 4. HIDE OVERLAPPING HEADER TEXT SAFELY --- */
/* Makes the text transparent so it doesn't overlap your logo, 
   but keeps its physical space so the header doesn't collapse */
header .white-90.mb0 {
    color: transparent !important;
    text-shadow: none !important;
    user-select: none;
}

/* --- 5. CLEAN UP NAVIGATION --- */
header nav .ananke-socials,
.flex-l.justify-between.items-center.center > a:first-child {
    display: none !important;
}
.flex-l.justify-between.items-center.center {
    justify-content: flex-end !important;
}

/* --- 6. FOOTER SCANLINES & ICONS (Your original code) --- */
footer {
    background-color: #000000 !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
footer::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.4) 50%);
    background-size: 100% 3px;
    z-index: 10;
    pointer-events: none;
}
footer a svg {
    filter: drop-shadow(0 0 2px #8B0000);
    fill: #FFFFFF !important;
    transition: all 0.3s ease;
    position: relative;
    z-index: 0;
}
footer a:hover svg {
    filter: drop-shadow(0 0 10px #8B0000) brightness(1.5);
    transform: scale(1.1);
}

/* --- 7. ACCESSIBILITY --- */
.sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0;
}
/*change thumbnail for bitlocker post*/
.is-home a[href="/posts/how-to-replace-icons/"] img {
    content: url('/posts/how-to-replace-icons/121.webp');
    object-fit: cover;
}