/* Performer Beta 5.7 — mobile Arabic shaping + six-item quick dock */

@font-face{
  font-family:'Performer Hafs';
  src:url('fonts/UthmanicHafs-v-3.0.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:block
}

@media(max-width:900px){
  .mobile-dock{grid-template-columns:repeat(6,minmax(0,1fr))!important}

  /* Bu iki uzun metinde tarayıcı fallback'i yerine harekeleri doğru bağlayan Hafs fontu kullanılır. */
  .zikr-design .beta25-task.refuge_whispers h2[lang="ar"],
  .zikr-design .beta25-task.refuge_character h2[lang="ar"]{
    font-family:'Performer Hafs','Noto Naskh Arabic','Traditional Arabic',serif!important;
    font-weight:400!important;
    font-synthesis:none;
    direction:rtl;
    unicode-bidi:isolate;
    letter-spacing:0!important;
    line-height:2.15!important;
    padding-block:.16em;
    overflow:visible
  }
}

@media(max-width:560px){
  .mobile-dock{inset-inline:4px!important;padding-inline:3px!important;gap:0!important}
  .mobile-dock a{min-width:0;padding-inline:0!important}
  .mobile-dock a .nav-icon svg{width:18px;height:18px}
  .mobile-dock a small{font-size:7px!important;letter-spacing:-.03em;white-space:nowrap}
  .zikr-design .beta25-task.refuge_whispers h2[lang="ar"],
  .zikr-design .beta25-task.refuge_character h2[lang="ar"]{font-size:clamp(25px,8.2vw,35px)!important}
}