/* ─── soz6 Blog — Custom Overrides ──────────────────────────── */

/* ─── Dark mode: comprehensive coverage ─────────────────────── */
body.dark,
body.dark .section,
body.dark section,
body.dark .masonry-layout,
body.dark .card-columns,
body.dark .loading,
body.dark .container-fluid,
/* body.dark .row { background-color: #1d1d1d !important; } */

body.dark .card,
body.dark .post-card,
body.dark .widget { background-color: #2b2b2b !important; border-color: rgba(255,255,255,.06) !important; }

body.dark .navbar { background-color: #111 !important; box-shadow: 0 1px 0 rgba(255,255,255,.07) !important; }
body.dark .navbar .nav-link { color: #d9d9d9 !important; }
body.dark .navbar .nav-link:hover { color: #06b6d4 !important; }

body.dark .wiki-controls { background: transparent; }
body.dark .wiki-hero { background: linear-gradient(135deg,#0d1825,#162030); }

body.dark .pagination .page-item .page-link { background:#2b2b2b!important; border-color:rgba(255,255,255,.1)!important; color:#d9d9d9!important; }


/* ─── Light mode: fix unreadable grey text ───────────────────── */
body:not(.dark) .post-card-content p,
body:not(.dark) .post-card-content h5,
body:not(.dark) .post-card-content h5 a,
body:not(.dark) .post-card-info li,
body:not(.dark) .post-card-info li a {
    color: #1a1a2e !important;
}

body:not(.dark) .post-card-content .categorie {
    color: #0891b2 !important;
}

body:not(.dark) .section-title h5 {
    color: #1a1a2e !important;
}

body:not(.dark) .wiki-controls .wiki-search {
    border-color: rgba(0,0,0,0.15) !important;
    background: rgba(0,0,0,0.04) !important;
    color: #1a1a2e !important;
}
body:not(.dark) .wiki-controls .wiki-search::placeholder { color: rgba(0,0,0,0.35) !important; }

body:not(.dark) .wiki-btn {
    border-color: rgba(0,0,0,0.12) !important;
    color: #333 !important;
    background: rgba(0,0,0,0.04) !important;
}
body:not(.dark) .wiki-btn:hover,
body:not(.dark) .wiki-btn.active {
    background: rgba(6,182,212,0.12) !important;
    color: #0891b2 !important;
    border-color: rgba(6,182,212,0.35) !important;
}

body:not(.dark) .wiki-hero-title { color: #ffffff !important; } /* stays white on hero bg */
body:not(.dark) .wiki-hero-excerpt { color: rgba(255,255,255,0.8) !important; }
body:not(.dark) .wiki-hero-meta { color: rgba(255,255,255,0.7) !important; }

body:not(.dark) .wiki-count { color: #666 !important; }
body:not(.dark) .wiki-reader-content { color: #2d3748 !important; }
body:not(.dark) .wiki-reader-title { color: #1a1a2e !important; }

/* ─── Dark mode: ensure card + section text is bright ───────── */
.dark .post-card-content h5 a,
.dark .post-card-content h5 { color: #ffffff !important; }
.dark .post-card-content p { color: #c9d1d9 !important; }
.dark .post-card-info li,
.dark .post-card-info li a { color: #8b949e !important; }

/* Section title text in dark mode */
.dark .section-title h5,
.dark .section-title h5 span { color: #e6edf3 !important; }
.dark .wiki-count { color: rgba(230,237,243,0.45) !important; }

/* Navbar links dark */
.dark .navbar .nav-link,
.dark .navbar .navbar-nav .nav-link { color: #d9d9d9 !important; }

/* Light mode: wiki reader text readable */
body:not(.dark) .wiki-reader-content { color: #2d3748 !important; }
body:not(.dark) .wiki-reader-title { color: #1a1a2e !important; }

/* ─── Wiki card image height consistency ─────────────────────── */
.wiki-card-img,
.post-card-image img {
    height: 200px !important;
    object-fit: cover !important;
    width: 100% !important;
}

/* ─── Picsum + text cover: ensure no layout breaks ──────────── */
.post-card-image {
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

/* ─── Blog SEO: improve readability ─────────────────────────── */
.post-card { transition: transform 0.18s, box-shadow 0.18s; }
.post-card:hover { transform: translateY(-3px); }

/* ─── Wiki reader in blog: better contrast ───────────────────── */
.dark .wiki-reader-title { color: #e6edf3 !important; }
.dark .wiki-reader-content { color: rgba(220,230,240,0.82) !important; }
.dark .wiki-reader-back { color: rgba(180,195,210,0.5); }

/* ─── Blog default sort button state fix ───────────────────── */
#sortReadBtn.active,
#sortPopBtn.active {
    background: rgba(6,182,212,0.18) !important;
    border-color: rgba(6,182,212,0.5) !important;
    color: #06b6d4 !important;
}