/* 
   Sadece Allah Sayfası İçin Mobil Fix
   Allah sayfasının özel yapıs için responsive çözüm
*/

/* SADECE MOBILDE AKTIF - ALLAH SAYFASI RESPONSIVE */
@media (max-width: 768px) {
    /* Allah sayfası tablo - normal genişlik */
    .harf-table {
        width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        border: 1px solid #e5e7eb !important;
    }
    
    /* Allah sayfası tablo container - NO SCROLL */
    .table-container {
        overflow-x: visible !important;
        max-width: 100% !important;
    }
    
    /* Genel padding küçültme */
    .harf-table th, 
    .harf-table td {
        padding: 4px !important;
        font-size: 12px !important;
        vertical-align: top !important;
        border: 1px solid #e5e7eb !important;
    }
    
    /* Sure sütunu - dar */
    .harf-table th.surah-col,
    .harf-table td.surah-col {  
        width: 15% !important;
        max-width: 40px !important;
        text-align: center !important;
        font-size: 11px !important;
        padding: 2px !important;
    }
    
    /* Ayet sütunu - dar */
    .harf-table th.verse-col,
    .harf-table td.verse-col {  
        width: 15% !important;
        max-width: 40px !important;
        text-align: center !important;
        font-size: 11px !important;
        padding: 2px !important;
    }
    
    /* Arapça metin sütunu - satır atlasın! */
    .harf-table th.arabic-text,
    .harf-table td.arabic-text {
        width: 60% !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        line-height: 1.6 !important;
        font-size: 14px !important;
        padding: 6px 4px !important;
        font-family: 'Scheherazade New', serif !important;
        direction: rtl !important;
    }
    
    /* Count sütunu - dar */
    .harf-table th.count-col,
    .harf-table td.count-col {  
        width: 10% !important;
        max-width: 35px !important;
        text-align: center !important;
        font-size: 11px !important;
        font-weight: bold !important;
        padding: 2px !important;
    }
    
    /* Tablo başlık stilleri */
    .harf-table thead th {
        background-color: #f9fafb !important;
        font-weight: 600 !important;
        text-align: center !important;
        border-bottom: 2px solid #e5e7eb !important;
    }
    
    /* Dark mode desteği */
    .dark .harf-table {
        border: 1px solid #374151 !important;
    }
    
    .dark .harf-table th,
    .dark .harf-table td {
        border: 1px solid #374151 !important;
    }
    
    .dark .harf-table thead th {
        background-color: #1f2937 !important;
        border-bottom: 2px solid #374151 !important;
    }
}