<style>
/* Arama Butonunu Siyah Yapar */
.search-form button.search-submit,
.cm-search-icon,
button#search-submit,
.fa-search {
background-color: #000000 !important;
color: #ffffff !important;
}

/* Podcast Başlık Kutusu */
.pc-baslik {
background: #222;
color: #fff;
padding: 8px 15px;
font-weight: bold;
margin-bottom: 15px;
display: inline-block;
}

/* Podcast Listesi ve Mavi Butonlar */
.pc-liste { display: flex; flex-direction: column; gap: 10px; }
.pc-satir { display: flex; align-items: center; text-decoration: none !important; color: #333; margin-bottom: 5px; }
.pc-mavi-top {
width: 32px; height: 32px; background: #3498db; border-radius: 50%;
display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0;
}
.pc-mavi-top::after {
content: ''; border-top: 5px solid transparent; border-bottom: 5px solid transparent;
border-left: 8px solid white; margin-left: 2px;
}

/* Gece Modu Buton Tasarımı */
.gece-modu-btn {
width: 100%; padding: 12px; background: #444; color: #fff;
border: none; border-radius: 5px; cursor: pointer; margin-bottom: 20px; font-weight: bold;
}

/* GECE MODU AÇIKKENKİ RENKLER */
body.karanlik-aktif { background-color: #1a1a1a !important; color: #eee !important; }
body.karanlik-aktif #main, body.karanlik-aktif .widget { background-color: #222 !important; }
body.karanlik-aktif .pc-satir { color: #fff !important; }
</style>

<button class="gece-modu-btn" onclick="karanlikYap()">🌙 Gece / Gündüz Modu</button>

<div class="pc-baslik">PODCAST</div>
<div class="pc-liste">
<a href="#" class="pc-satir"><div class="pc-mavi-top"></div><b>Modern Dünyanın Sonu Mu?</b></a>
<a href="#" class="pc-satir"><div class="pc-mavi-top"></div><b>Gazze Soykırımı ve Suçlar</b></a>
<a href="#" class="pc-satir"><div class="pc-mavi-top"></div><b>İlerlemecilik ve Cinsellik</b></a>
<a href="#" class="pc-satir"><div class="pc-mavi-top"></div><b>Politik Doğruculuk Çıkmazı</b></a>
<a href="#" class="pc-satir"><div class="pc-mavi-top"></div><b>Post-Hümanizm Tartışmaları</b></a>
<a href="#" class="pc-satir"><div class="pc-mavi-top"></div><b>Batı'nın Yeni Tehdit Algısı</b></a>
<a href="#" class="pc-satir"><div class="pc-mavi-top"></div><b>Tüketim Kültürü Analizi</b></a>
<a href="#" class="pc-satir"><div class="pc-mavi-top"></div><b>Dijital Çağda Hakikat</b></a>
</div>

<script>
function karanlikYap() {
document.body.classList.toggle("karanlik-aktif");
}
</script>