/* ==========================================
   RESPONSIVE (MOBİL UYUMLULUK) DESTEĞİ
   ========================================== */
@media (max-width: 768px) {
    body {
        padding: 10px 0;
    }
    
    .site-wrapper {
        width: 98%;
        padding: 10px;
    }
    
    .site-content {
        flex-direction: column;
    }
    
    .main-area, 
    .sidebar-area {
        width: 100%;
    }
    
    .sidebar-area {
        margin-top: 10px;
    }
    
    /* MOBİL MENÜ AYARLARI */
    .mobile-menu-toggle {
        display: block; /* Butonu göster */
    }
    
    .smf-menu-list {
        display: none; /* Menüyü varsayılan olarak gizle */
        flex-direction: column;
        border-top: 1px solid #364f68;
    }
    
    /* Javascript butona tıklandığında bu sınıfı ekler */
    .smf-menu-list.active {
        display: flex; 
    }
    
    .smf-menu-list li {
        border-right: none;
        box-shadow: none;
        border-bottom: 1px solid #3d5873;
    }
    
    .smf-menu-list li:last-child {
        border-bottom: none;
    }
    
    .smf-menu-list a {
        padding: 12px 20px;
    }
    
    .news-item {
        flex-direction: row;
    }
}