/* 
   Rahman Sayfası İçin Özel Mobil Fix
   Problem: "Chapter" ve "Verse" header yazıları mobilde kesilmiş
   İsm, Allah, Rahim sayfaları OK - sadece Rahman'da sorun var
*/

/* SADECE MOBILDE AKTIF - RAHMAN SAYFASI RESPONSIVE */
@media (max-width: 768px) {
    /* Rahman sayfası tablo header'ları - EXTRA KÜÇÜK */
    .harf-table thead th {
        font-size: 9px !important; /* 10px → 9px (Rahman özel) */
        line-height: 1.1 !important; /* 1.2 → 1.1 (daha sıkışık) */
        padding: 3px 1px !important; /* 4px 2px → 3px 1px (daha az) */
        word-spacing: -1px !important; /* Kelime arası boşluk azalt */
    }
}

/* Extra küçük ekranlar için (iPhone SE gibi) */
@media (max-width: 375px) {
    .harf-table thead th {
        font-size: 8px !important; /* Rahman için ultra küçük */
        padding: 2px 1px !important;
        word-spacing: -2px !important;
    }
}