/* Import Google Fonts for English */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Lato:wght@300;400;700&display=swap');

/* Custom Arabic Font - Al Qalam Quran */
@font-face {
    font-family: 'AlQuran';
    src: url('/fonts/Al%20Qalam%20Quran%20Majeed%202%20Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Custom Urdu Font - Jameel Noori Nastaleeq */
@font-face {
    font-family: 'JameelNoori';
    src: url('/fonts/Jameel%20Noori%20Nastaleeq%20Kasheeda.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Root CSS Variables */
:root {
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Lato', sans-serif;
    --font-urdu: 'JameelNoori', serif;
    --font-arabic: 'AlQuran', serif;
}

/* Apply fonts */
body {
    font-family: var(--font-body) !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading) !important;
}

/* Target all Filament input fields, textareas and text content */

/* Arabic fields - target by field names */
input[id*="ayat"],
input[id*="arabic"],
input[id*="hadith_arabic"],
input[id*="heading_arabic"],
input[id*="chapter_arabic"],
textarea[id*="ayat"],
textarea[id*="arabic"],
textarea[id*="hadith_arabic"],
textarea[id*="heading_arabic"],
textarea[id*="chapter_arabic"],
.fi-ta-text[data-field*="ayat"],
.fi-ta-text[data-field*="arabic"],
.fi-ta-text[data-field*="hadith_arabic"] {
    font-family: var(--font-arabic) !important;
    font-size: 1.75rem !important;
    line-height: 2.5 !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Urdu fields - target by field names */
input[id*="urdu"],
input[id*="translation"],
input[id*="maududi"],
input[id*="junagarhi"],
input[id*="taqiusmani"],
input[id*="tahirulqadri"],
input[id*="zeeshanhaiderjawadi"],
input[id*="tafseer"],
input[id*="dr_israr_tafseer"],
input[id*="tazkiru_quran"],
input[id*="ibn_kaseer_tafseer"],
input[id*="hadith_urdu"],
input[id*="heading_urdu"],
input[id*="chapter_urdu"],
input[id*="narrator"],
textarea[id*="urdu"],
textarea[id*="translation"],
textarea[id*="maududi"],
textarea[id*="junagarhi"],
textarea[id*="taqiusmani"],
textarea[id*="tahirulqadri"],
textarea[id*="zeeshanhaiderjawadi"],
textarea[id*="tafseer"],
textarea[id*="dr_israr_tafseer"],
textarea[id*="tazkiru_quran"],
textarea[id*="ibn_kaseer_tafseer"],
textarea[id*="hadith_urdu"],
textarea[id*="heading_urdu"],
textarea[id*="chapter_urdu"],
textarea[id*="narrator"],
.fi-ta-text[data-field*="urdu"],
.fi-ta-text[data-field*="translation"],
.fi-ta-text[data-field*="maududi"],
.fi-ta-text[data-field*="tafseer"] {
    font-family: var(--font-urdu) !important;
    font-size: 1.5rem !important;
    line-height: 2.2 !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Indopak script uses Arabic font */
input[id*="indopak"],
textarea[id*="indopak"] {
    font-family: var(--font-arabic) !important;
    font-size: 1.75rem !important;
    line-height: 2.5 !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Word field (Arabic) */
input[id*="word"],
textarea[id*="word"] {
    font-family: var(--font-arabic) !important;
    font-size: 1.75rem !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Arabic text styling for display */
.arabic,
[lang="ar"] {
    font-family: var(--font-arabic) !important;
    font-size: 1.75rem !important;
    line-height: 2.5 !important;
    direction: rtl !important;
}

/* Urdu text styling for display */
.urdu,
[lang="ur"] {
    font-family: var(--font-urdu) !important;
    font-size: 1.35rem !important;
    line-height: 2.2 !important;
    direction: rtl !important;
}

/* Filament table cells */
.fi-ta-cell div {
    white-space: normal !important;
}

/* Make sure RTL text displays properly in tables */
td[data-field*="ayat"],
td[data-field*="arabic"],
td[data-field*="urdu"],
td[data-field*="translation"] {
    direction: rtl !important;
    text-align: right !important;
}

/* Table cells - Arabic text */
.fi-ta-text-item:has([wire\:key*="ayat"]),
.fi-ta-text-item:has([wire\:key*="arabic"]),
.fi-ta-text-item:has([wire\:key*="indopak"]),
.fi-ta-text-item:has([wire\:key*="word"]),
.fi-ta-text:has([wire\:key*="ayat"]),
.fi-ta-text:has([wire\:key*="arabic"]),
[class*="table"] td:nth-child(3),
[class*="table"] [wire\:key*="ayat"],
[class*="table"] [wire\:key*="arabic"] {
    font-family: var(--font-arabic) !important;
    font-size: 1.5rem !important;
    line-height: 2.2 !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Table cells - Urdu text */
.fi-ta-text-item:has([wire\:key*="translation"]),
.fi-ta-text-item:has([wire\:key*="urdu"]),
.fi-ta-text-item:has([wire\:key*="maududi"]),
.fi-ta-text:has([wire\:key*="translation"]),
.fi-ta-text:has([wire\:key*="urdu"]),
[class*="table"] td:nth-child(4),
[class*="table"] [wire\:key*="translation"],
[class*="table"] [wire\:key*="urdu"] {
    font-family: var(--font-urdu) !important;
    font-size: 1.3rem !important;
    line-height: 2 !important;
    direction: rtl !important;
    text-align: right !important;
}

/* General table cell overrides for columns containing Arabic/Urdu */
.fi-ta-text-column-wrapper {
    direction: inherit !important;
}

/* Specific targeting for Ayat table columns */
table tbody tr td:has(div[wire\:key*="ayat"]) {
    font-family: var(--font-arabic) !important;
    direction: rtl !important;
    text-align: right !important;
}

table tbody tr td:has(div[wire\:key*="translation"]),
table tbody tr td:has(div[wire\:key*="urdu"]) {
    font-family: var(--font-urdu) !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Column content wrappers */
.fi-ta-col-wrp div[wire\:key*="ayat"],
.fi-ta-col-wrp div[wire\:key*="arabic"] {
    font-family: var(--font-arabic) !important;
    font-size: 1.5rem !important;
    direction: rtl !important;
}

.fi-ta-col-wrp div[wire\:key*="translation"],
.fi-ta-col-wrp div[wire\:key*="urdu"] {
    font-family: var(--font-urdu) !important;
    font-size: 1.3rem !important;
    direction: rtl !important;
}