/* Quran Radio – main player (shortcode + sidebar widget). Colors come from Player Design settings. */
:root{--qr-c:#0f6e56;--qr-bg:#fff;--qr-tx:#1f1e1c;--qr-mt:#6b6a66;--qr-bd:#e4e2dc;--qr-r:14px}
.qrp.qrp-ready{background:var(--qr-bg);color:var(--qr-tx);border:1px solid var(--qr-bd);border-radius:var(--qr-r);padding:16px;margin:12px auto;max-width:560px;text-align:start;font-size:14px;line-height:1.5}
.qrp.qrp-ready .qrp-title{font-size:17px;font-weight:600;margin:6px 0 2px;padding:0}
.qrp-ready .qrp-audio audio{display:none}
.qrp-ready .qrp-audio{padding:0}
.qrp-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--qr-c) 14%,transparent);color:var(--qr-c)}
.qrp-live b{width:7px;height:7px;border-radius:50%;background:var(--qr-c)}
.qrp-on .qrp-live b{animation:qrp-pulse 1.4s ease-in-out infinite}
.qrp-now{font-size:12px;color:var(--qr-mt);margin:0 0 12px;min-height:18px}
.qrp-ctl{display:flex;align-items:center;gap:12px}
.qrp-play{width:52px;height:52px;flex:none;border-radius:50%;border:0;background:var(--qr-c);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0!important;line-height:1}
.qrp-play:hover{filter:brightness(1.08)}
.qrp-play:focus-visible,.qrp-chip:focus-visible{outline:2px solid var(--qr-c);outline-offset:2px}
.qrp-wave{flex:1;display:flex;gap:3px;align-items:center;height:30px;min-width:40px}
.qrp-wave i{flex:1;height:30%;background:color-mix(in srgb,var(--qr-c) 35%,transparent);border-radius:2px;transition:height .3s}
.qrp-on .qrp-wave i{animation:qrp-w 1.1s ease-in-out infinite}
.qrp-wave i:nth-child(3n){animation-delay:.2s}.qrp-wave i:nth-child(3n+1){animation-delay:.45s}.qrp-wave i:nth-child(4n){animation-delay:.7s}
.qrp-vol{display:flex;align-items:center;gap:6px;color:var(--qr-mt)}
.qrp-vol svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qrp-vol input{width:84px;accent-color:var(--qr-c)}
.qrp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--qr-bd);text-align:start}
.qrp-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1.3;padding:5px 10px!important;border-radius:999px;border:1px solid var(--qr-bd);color:var(--qr-tx)!important;background:transparent;text-decoration:none!important;cursor:pointer;list-style:none;font-family:inherit}
.qrp-chip:hover{border-color:var(--qr-c)}
.qrp-chip svg{width:15px;height:15px;stroke:var(--qr-c);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.qrp-chip[hidden]{display:none}
.qrp-menu{position:relative;display:inline-block}
.qrp-menu summary::-webkit-details-marker{display:none}
.qrp-menu-list{position:absolute;z-index:20;inset-inline-start:0;top:calc(100% + 4px);background:var(--qr-bg);border:1px solid var(--qr-bd);border-radius:10px;padding:4px;min-width:110px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.qrp-menu-list a{display:block;padding:6px 10px;font-size:12px;color:var(--qr-tx)!important;text-decoration:none!important;border-radius:6px}
.qrp-menu-list a:hover{background:color-mix(in srgb,var(--qr-c) 10%,transparent)}
.qrp-toast{font-size:12px;color:var(--qr-c);margin-inline-start:6px}
@keyframes qrp-w{0%,100%{height:25%}50%{height:95%}}
@keyframes qrp-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media (max-width:420px){.qrp-vol input{width:60px}}
@media (prefers-reduced-motion:reduce){.qrp-on .qrp-wave i,.qrp-on .qrp-live b{animation:none}.qrp-on .qrp-wave i{height:60%}}
/* chips also look right where the new player JS does not run (e.g. admin preview) */
.radio_icons.qrp-chips{text-align:center;justify-content:center}
.qrp-ready .radio_icons.qrp-chips{justify-content:flex-start}