/* WebHatim V9 — persistent player and automatically followed verse. */
.verse.wh9-active-verse,
.verse.locked.wh9-active-verse,
.mushaf-paper .verse.wh9-active-verse {
  background:linear-gradient(105deg,#e8f8ed 0%,#f2fff4 100%)!important;
  border-left:5px solid #16844e;
  box-shadow:inset 0 0 0 1px rgba(28,131,77,.13);
  position:relative;
}
.wh9-active-verse .ayah-number{background:#176d41;color:white}
.wh9-active-verse .arabic-verse{color:#104a2e}
.wh9-active-verse .listen-verse{background:#dbf3e2;border-color:#268f55;color:#12693f}
.wh9-active-verse::before{
  content:'● ŞU AN DİNLENİYOR';display:block;margin-bottom:10px;
  color:#137240;font-weight:800;letter-spacing:.06em;font-size:10px;
}
.verse{scroll-margin-top:120px}
.wh9-player[hidden]{display:none!important}
.wh9-player{z-index:2600;width:min(855px,calc(100vw - 28px));max-width:100%;bottom:14px}
.wh9-go-verse{display:inline-flex;margin-top:4px;color:#f9dfad!important;font-weight:750;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.wh9-go-verse:hover{color:#fff!important}
body.wh6-audio-playing:not(.dashboard){padding-bottom:120px}
.wh9-splash-title{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;line-height:1.16!important}
.wh9-splash-title .wh9-splash-primary{display:block!important;font-size:1em!important;line-height:1.17!important;letter-spacing:-.025em!important;color:#fff!important}
.wh9-splash-title .wh9-splash-secondary{display:block!important;font-size:.55em!important;line-height:1.35!important;color:#e5e9da!important;font-weight:670!important;letter-spacing:0!important;margin:0!important}
@media(max-width:700px){
  .wh9-player{bottom:calc(57px + env(safe-area-inset-bottom,0px));width:calc(100vw - 16px);max-height:min(49dvh,300px);overflow-y:auto;padding:11px 10px;gap:7px;}
  .wh9-player-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .wh9-player-actions button{font-size:10px;padding:9px 3px;min-width:0;white-space:normal}
  .wh9-player-info strong{font-size:13px}
  .wh9-go-verse{font-size:11px}
  body.wh6-audio-playing:not(.dashboard){padding-bottom:calc(185px + env(safe-area-inset-bottom,0px))}
  .verse{scroll-margin-top:86px}
  .verse.wh9-active-verse{border-left-width:4px}
}
@media(prefers-reduced-motion:reduce){.verse.wh9-active-verse{transition:none!important}}