/* Genel Tablo Stili */
.harf-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 16px;
    font-family: Arial, sans-serif;
}

.harf-table th, .harf-table td {
    border: 1px solid #ddd;
    padding: 10px;
}

.harf-table th {
    background-color: #f9f9f9;
    color: #333;
}

/* Arapça Metinlerin Doğru Görünmesini Sağlayan Stiller */
.arabic-text {
    font-family: 'Scheherazade New', serif;
    font-size: 18px;
    direction: rtl;
    unicode-bidi: embed;
    font-variant-ligatures: contextual !important;
    font-feature-settings: "liga" 1, "clig" 1, "rlig" 1, "mark" 1, "mkmk" 1;
    font-weight: normal;
    letter-spacing: normal;
    word-spacing: normal;
    width: auto; /* Arapça metin sütunu esnek olacak */
    white-space: nowrap;
}

/* Seçili Harflerin Harf Bağlantısını Koruması */
.arabic-text mark {
    unicode-bidi: embed;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    font-weight: normal;
    display: inline;
    line-height: 1;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    font-variant-ligatures: contextual !important;
}

/* Firefox için Özel Düzeltmeler */
@supports (-moz-appearance: none) {
    .arabic-text mark {
        unicode-bidi: embed;
        font-feature-settings: "liga" 1, "clig" 1, "rlig" 1, "calt" 1, "mark" 1, "mkmk" 1, "kern" 1;
        letter-spacing: normal !important;
        word-spacing: normal !important;
        font-variant-ligatures: contextual !important;
    }
}

/* Sayı Sütunlarının Stili */
.harf-table th:nth-child(1),  
.harf-table td:nth-child(1),  
.harf-table th:last-child,  
.harf-table td:last-child {  
    width: 80px; /* Sayı sütunları için sabit genişlik */  
    min-width: 60px;  
    text-align: center;  
}

/* Seçili Harflerin Stili */
.harf-table mark {
    font-weight: normal !important;
    padding: 1px 2px;
    border-radius: 3px;
    display: inline;
    margin: 0;
    line-height: 1;
    font-variant-ligatures: contextual !important;
}

/* Seçili Arapça Harflerin Görünümünü Düzeltme */
.arabic-text mark {
    direction: rtl;
    unicode-bidi: embed;
    font-variant-ligatures: contextual !important;
    font-feature-settings: "liga" 1, "clig" 1, "rlig" 1, "mark" 1, "mkmk" 1, "calt" 1, "kern" 1;
    font-weight: normal !important;
}