/* Quaran Reader Sync 1.2.1 — scoped to reader, no Elementor defaults. */
.qre-reader .qrup-syncbar,
.qre-reader .qrup-syncbar * {box-sizing:border-box}
.qre-reader .qrup-syncbar{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex-wrap:wrap;margin:-6px 0 21px;padding:0 3px;color:#466c5c;font:500 12px/1.5 Lato,Arial,sans-serif}
.qre-reader .qrup-sync-lead{display:flex;align-items:center;justify-content:center;width:9px;height:9px}
.qre-reader .qrup-sync-dot{width:7px;height:7px;background:#79ab8a;border-radius:50%;display:block}
.qre-reader .qrup-follow-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#315747;user-select:none;white-space:nowrap;font-size:12px;font-weight:700}
.qre-reader .qrup-follow{position:relative;appearance:none!important;-webkit-appearance:none!important;width:31px!important;height:18px!important;min-width:31px!important;min-height:18px!important;border-radius:50px!important;background:#d2ddd4!important;border:1px solid #bed0c1!important;outline:none!important;margin:0!important;padding:0!important;cursor:pointer!important;box-shadow:none!important;transition:background .18s}
.qre-reader .qrup-follow::after{content:"";display:block;position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:2px;left:2px;box-shadow:0 1px 2px #0002;transition:transform .18s}
.qre-reader .qrup-follow:checked{background:#1b6147!important;border-color:#1b6147!important}
.qre-reader .qrup-follow:checked::after{transform:translateX(13px)}
.qre-reader .qrup-follow:focus-visible{outline:2px solid #2a8260!important;outline-offset:3px!important}
.qre-reader .qrup-sync-hint{color:#81958a;font-size:11px;max-width:365px;text-align:right}
.qre-reader .qre-verse.qrup-clickable{cursor:pointer;transition:background .2s ease,box-shadow .2s ease}
.qre-reader .qre-verse.qrup-clickable:focus-visible{outline:2px solid #397655!important;outline-offset:-2px!important;border-radius:6px}
.qre-reader .qre-verse.qrup-clickable:hover:not(.qrup-sync-active){background:#f8faf7}
.qre-reader .qre-verses .qre-verse.qrup-sync-active{background:#eaf3e9!important;box-shadow:inset 4px 0 0 #287551!important;border-radius:7px!important;position:relative;z-index:1;transition:background-color .15s ease}
.qre-reader .qre-verses[dir="rtl"] .qre-verse.qrup-sync-active{box-shadow:inset -4px 0 0 #287551!important}
.qre-reader .qre-verses .qre-verse.qrup-sync-active .qre-verse-number{background:#1c563e!important;color:#fff!important}
.qre-reader .qre-verse.qrup-sync-active .qre-arabic{color:#102f22!important}
.qre-reader .qre-verse .qrup-word{display:inline;white-space:inherit;border-radius:3px;transition:background .12s ease,color .12s ease;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.qre-reader .qre-verse .qrup-word.qrup-word-active{background:#b7dc9c!important;color:#103d2a!important;box-shadow:0 0 0 2px #b7dc9c!important}
.qre-reader.qrup-reading .qre-verse.qrup-sync-active{box-shadow:inset 3px 0 0 #3b8660!important;background:#f0f6ef!important}
@media(max-width:650px){
  .qre-reader .qrup-syncbar{justify-content:flex-start;gap:9px 13px;margin:0 0 15px;padding-inline:2px}
  .qre-reader .qrup-sync-hint{width:100%;text-align:start;font-size:10.5px}
  .qre-reader .qre-verses .qre-verse.qrup-sync-active{box-shadow:inset 3px 0 0 #287551!important}
}
@media(prefers-reduced-motion:reduce){.qre-reader .qre-verse,.qre-reader .qrup-word{transition:none!important}}

/* Contextual reciter-switch affordance: visible only when the selected recording lacks word sync. */
.qre-reader .qrup-try-sync{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #93b9a4!important;background:#e4f0e7!important;color:#174b35!important;padding:8px 12px!important;border-radius:7px!important;line-height:1.35!important;font:700 11px/1.35 Lato,Arial,sans-serif!important;min-height:36px;cursor:pointer;white-space:normal;transition:background-color .15s ease}
.qre-reader .qrup-try-sync[hidden]{display:none!important}
.qre-reader .qrup-try-sync:hover{background:#cfe4d3!important;color:#0c3e2e!important}
.qre-reader .qrup-try-sync:focus-visible{outline:2px solid #287750!important;outline-offset:2px!important}
.qre-reader .qrup-sync-hint{flex:1 1 235px;max-width:470px;text-align:start}
@media(max-width:650px){.qre-reader .qrup-try-sync{width:100%}.qre-reader .qrup-sync-hint{max-width:none}}

/* Keep the word-sync option obvious on mobile while preserving clean editorial spacing. */
.qre-reader .qrup-syncbar .qrup-try-sync{border-color:#287651!important;background:#15563a!important;color:#fff!important;font-weight:800!important;box-shadow:0 2px 5px rgba(15,70,44,.12)}
.qre-reader .qrup-syncbar .qrup-try-sync:hover{background:#0c402d!important;color:#fff!important}
.qre-reader .qre-verse .qrup-word.qrup-word-active{background:#b9df8f!important;color:#062e1e!important;box-shadow:0 1px 0 3px #b9df8f!important}