/* MOST VIEWED TOPICS - KESİN DÜZELTME */

.popular-topics-list{
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
}

.popular-topics-list .popular-topic{
    margin:0 !important;
    padding:0 !important;
    min-width:0 !important;
    background:none !important;
    border:none !important;
    border-radius:0 !important;
    overflow:visible !important;
}

.popular-topics-list .popular-topic a{
    display:block !important;
    text-decoration:none !important;
    color:inherit !important;
    padding:0 !important;
    background:none !important;
}

.popular-topics-list .popular-topic img{
    display:block !important;
    width:100% !important;
    height:100% !important;
        margin:0 0 10px 0 !important;
    border-radius:4px !important;
}

.popular-topics-list .popular-topic span{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:13px !important;
    line-height:1.35 !important;
    font-weight:500 !important;
    color:#1D50C8 !important;
    text-align:left !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

.popular-topics-list .popular-topic a:hover span{
    color:#7F0C0E !important;
}
.popular-topics-list .popular-topic a {
    transition: transform .25s ease, box-shadow .25s ease;
}

.popular-topics-list .popular-topic a:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0,0,0,.12);
}

@media (max-width:480px){
    .popular-topics-list{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    .popular-topics-list .popular-topic span{
        font-size:13px !important;
    }
}



/* category-list.php deki Renk sınıfları */
.category-item.color-1 h3 a { color: #555; } /* 8 renk yaparsan senk satırı belirlersin */
 

/* seçili kategoriyi belirgin kılıyoruz */
.category-item.current-category h3 a {
    color: #fff !important; /* Siyah renk */
    
	
	}
	.category-item.current-category {
    background-color: forestgreen; /* Arka plan beyaz */
    padding: 3px;
		color:#fff;
    border: 1px solid #e0e0e0; /* Hafif gri border */
    border-radius: 3px; /* Yuvarlak köşeler */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Hafif gölge */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Animasyon */

}
	
		#kategori_isaret {
    color:cadetblue; 
	font-size: 12px;
	margin-right:3px;

}
/* taglist için */
.tag-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 5px 0;
}

.tag-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 6px 7px;
    text-align: center;
    text-decoration: none;
    color: #243447;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #d8e1ea;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
    transition: all 0.2s ease;
}

.tag-item:hover {
    transform: translateY(-2px);
    background: linear-gradient(180deg, #fefefe 0%, #eef6ff 100%);
    border-color: #9ec5fe;
    color: #1459b8;
    box-shadow: 0 10px 24px rgba(20, 89, 184, 0.12);
}

@media (max-width: 768px) {
    .tag-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .tag-item {
        min-height: 52px;
        font-size: 13px;
        padding: 10px 12px;
    }
}

/* aside baslik*/
.baslik{text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;font-size:22px;font-weight:700; margin-top: 18px; margin-bottom: 8px}
.baslik::before,.baslik::after{content:"";flex:0 0 40px;height:3px}
.baslik::before{background:linear-gradient(to right, transparent, #ff3b3b)}
.baslik::after{background:linear-gradient(to left, transparent, #ff3b3b)}
@media(max-width:768px){.baslik{font-size:20.5px}}