/* 
 * Deprem.cc - Mobil Görünüm Düzenlemeleri
 * Bu dosya mobil cihazlarda sayfa düzenini optimize eder
 */

/* Mobil cihazlar için (768px'den küçük ekranlar) */
@media (max-width: 767.98px) {
    /* Deprem detay sayfasında harita ve bilgi kartlarının sırasını değiştir */
    .deprem-detail-header .row {
        display: flex;
        flex-direction: column;
    }
    
    /* Harita bölümünü (normalde ikinci sırada olan) üste taşı */
    .deprem-detail-header .row > div:nth-child(2) {
        order: -1;
        margin-bottom: 1rem;
    }
    
    /* Harita yüksekliğini mobilde ayarla */
    .deprem-haritasi {
        height: 400px !important;
    }
    
    /* Tablo scroll ayarı */
    .table-responsive {
        overflow-x: auto;
    }
    
    /* Kartlar arası boşluk ayarı */
    .content-card {
        margin-bottom: 1rem;
    }
    
    /* Şiddet ölçeği iyileştirmesi */
    .intensity-scale {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    
    /* Twitter ve paylaşım butonları düzenlemesi */
    .social-share-buttons .share-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    .social-share-buttons .btn {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: 120px;
    }
    
    /* İl istatistikleri bölümü için iyileştirme */
    .seo-article h3, 
    .seo-article h4 {
        margin-top: 1.5rem;
    }
    
    /* Ana sayfada da haritanın önce gelmesini sağla */
    .main-content-section .row {
        display: flex;
        flex-direction: column;
    }
    
    .main-content-section .row > div:first-child {
        order: -1;
        margin-bottom: 1rem;
    }
}