/* Arabic Fonts for Quranic Text */

/* KFC Hafs Font Face Definition */
@font-face {
  font-family: 'UthmanicHafs1_Ver09';
  src: url('../fonts/UthmanicHafs1_Ver09.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Import Amiri font from Google Fonts - fallback for Quranic text */
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');

/* Import Noto Sans Arabic from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');

/* Import Scheherazade New from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;500;600;700&display=swap');

/* Arabic text styling class */
.arabic-text {
  font-family: 'UthmanicHafs1_Ver09', 'Amiri', 'Scheherazade New', 'Noto Sans Arabic', 'Traditional Arabic', 'Arabic Typesetting', serif;
  font-weight: 700;
  direction: rtl;
  text-align: right;
  line-height: 1.6;
  letter-spacing: 0.02em;
  font-feature-settings: "liga" 1, "calt" 1, "kern" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Specific styling for Surah names */
.surah-name-arabic {
  font-family: 'UthmanicHafs1_Ver09', 'Amiri', 'Scheherazade New', 'Noto Sans Arabic', serif;
  font-weight: 700;
  font-size: 1.7rem !important;
  direction: rtl;
  text-align: right;
  line-height: 1.4;
  color: var(--heading-color);
  text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* Responsive font sizes */
@media (max-width: 768px) {
  .surah-name-arabic {
    font-size: 1.5rem !important;
  }
}

@media (max-width: 576px) {
  .surah-name-arabic {
    font-size: 1.3rem !important;
  }
}