/* Melce Quran reader - responsive, accessible controls; overrides legacy compact styles. */
:root{--kr-arabic-size:36px;--kr-wordmeal-size:11px;--kr-versemeal-size:14px}
#kuranPreviousPageSentinel{display:flex;justify-content:center;align-items:center;min-height:42px;padding:5px 12px;margin:4px auto;max-width:1160px;position:relative;z-index:1}
#kuranPreviousPageSentinel button{background:#f8f1df;border:1px solid #cbb680;border-radius:9px;color:#225b46;font-weight:750;padding:9px 18px;cursor:pointer}
#kuranPreviousPageSentinel button:disabled{opacity:.65;cursor:default}
header{overflow:visible!important;isolation:isolate}
header .wrap{max-width:1250px!important;flex-wrap:wrap!important;overflow:visible!important;min-width:0!important}
header form{display:flex!important;flex:1 1 690px!important;flex-wrap:wrap!important;overflow:visible!important;gap:6px!important;min-width:0!important}
header #kuranPosition{flex:1 1 100%!important;max-width:1250px!important;min-width:0!important;position:relative!important;top:auto!important;overflow:visible!important;flex-wrap:wrap!important;gap:7px!important;padding:5px 6px!important;box-sizing:border-box}
header #kuranPosition>span{display:flex!important;flex:1 1 570px!important;max-width:none!important;min-width:0!important;flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important;gap:5px!important;justify-content:flex-end!important}
header #kuranPosition #kuranSaved.visible{position:fixed!important;z-index:150!important;top:calc(var(--kuran-header-height,85px) + 6px)!important;left:50%!important;transform:translateX(-50%)!important;max-width:min(560px,95vw)!important;min-height:35px!important;height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;box-shadow:0 5px 24px #2226!important}
#kuranReaderPrefs{display:flex;flex:0 1 auto;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
#kuranReaderPrefs label{display:inline-flex;align-items:center;gap:3px;font:700 11px system-ui,sans-serif;color:#345b49;white-space:nowrap}
#kuranReaderPrefs input{width:49px;height:28px;min-height:28px;padding:3px!important;text-align:center;background:#fff!important;border:1px solid #d7c5a0!important;border-radius:6px}
header #kuranPosition #mushafViewTools{display:flex!important;align-items:center;gap:4px!important;flex:0 0 auto!important}
#kuranReaderRate{display:inline-flex;gap:5px;align-items:center;white-space:nowrap;border:1px solid #d6c5a6;border-radius:8px;padding:3px 8px;background:#fcfaf3;color:#254f3d;font:750 12px system-ui,sans-serif}
#kuranReaderRate select{height:30px;padding:3px 6px;min-width:79px;background:#fff;border:1px solid #c8b694;color:#23543e;border-radius:5px;font:700 12px system-ui,sans-serif;cursor:pointer}
.dock{z-index:100!important;overflow-y:auto!important;max-height:min(42dvh,270px)!important}
.dock #haremeynControls .hbctrl{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;overflow:visible!important;gap:5px!important;white-space:normal!important}
.dock #haremeynControls .hbctrl button{flex:0 0 auto!important}
#hbAbState{flex-basis:100%}
main.page .ayah .arab,main.page .ayah .card-arabic{font-size:var(--kr-arabic-size)!important;line-height:1.95!important}
main.page .ayah .qword .word-tr,main.page .ayah .hbq-kirik-note,body.mc-word-visible main.page .ayah .qword .word-tr{font-size:var(--kr-wordmeal-size)!important;line-height:1.14!important}
main.page .ayah .meal,main.page .ayah .hb-ayah-detail{font-size:var(--kr-versemeal-size)!important;line-height:1.6!important}
#hbWaveBars.no-data::after{content:"Ses dalgası hazırlanıyor";position:absolute;inset:0;display:grid;place-items:center;color:#49654e;font:700 12px system-ui;pointer-events:none}
@media(max-width:700px){
 header .wrap{align-items:flex-start!important}
 header form{flex-basis:100%!important}
 #kuranReaderPrefs{gap:5px}
 #kuranReaderPrefs label{font-size:10px}
 header #kuranPosition .kuran-info{flex:1 1 100%!important}
 header #kuranPosition>span{flex-basis:100%!important;justify-content:flex-start!important}
 .dock{max-height:min(48dvh,300px)!important}
}
/* The image overlays legacy bars; the playback cursor remains above it. */
#hbWaveBars{position:absolute!important;inset:0!important}
#hbWaveBars #krWaveRendered{z-index:2}
#hbWaveCursor{z-index:4!important}
/* The former 29px fixed toolbar height concealed buttons below its border. */
header>#kuranPosition{
  height:auto!important;min-height:38px!important;max-height:none!important;
  align-items:center!important;overflow:visible!important;
  margin:3px auto!important;padding:5px 6px!important;
}
header #kuranPosition>span{height:auto!important;max-height:none!important;overflow:visible!important}
@media(max-width:700px){header>#kuranPosition{height:auto!important;min-height:38px!important;max-height:none!important}}