/* wf-live: shared styles for /radio and /tv */
.lv-tabs{display:flex;gap:6px;margin:10px 0 4px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:16px}
.lv-tabs a{flex:1;text-align:center;padding:10px 6px;border-radius:12px;font-weight:800;font-size:14px;color:#57534e;text-decoration:none}
.lv-tabs a.on{background:var(--bur);color:#fff}
.lv-bar{display:grid;gap:8px;margin:10px 0 2px}
.lv-sel{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.lv-sel select{height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 10px;font-size:14px;color:var(--ink);min-width:0;width:100%}
.lv-cnt{font-size:12px;color:var(--mut);margin:8px 2px}
.lv-list{display:grid;gap:8px;grid-template-columns:1fr}
@media(min-width:760px){.lv-list{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.lv-list{grid-template-columns:1fr 1fr 1fr}}
.lv-st{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 10px;min-width:0;content-visibility:auto;contain-intrinsic-size:64px}
.lv-st.cur{border-color:var(--bur);box-shadow:0 0 0 2px rgba(155,18,48,.12)}
.lv-av{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px;position:relative;overflow:hidden}
.lv-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:3px}
.lv-b{flex:1;min-width:0;text-decoration:none;color:var(--ink)}
.lv-b b{display:block;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-b small{display:block;font-size:12px;color:var(--mut);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-ic{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:17px;background:#f3ece7;color:var(--bur);font-weight:800}
.lv-ic.pl{background:var(--bur);color:#fff}
.lv-ic.fv{background:none;font-size:20px;color:#b9aeb0;width:34px}
.lv-ic.fv.on{color:#e11d48}
.lv-more{display:block;margin:14px auto;min-width:160px}
.lv-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#1c1416;color:#fff;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));display:none;box-shadow:0 -6px 24px rgba(0,0,0,.25)}
.lv-dock.on{display:block}
.lv-dock-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:10px}
.lv-dock .lv-av{width:40px;height:40px;font-size:16px}
.lv-dock-t{flex:1;min-width:0}
.lv-dock-t b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-dock-t small{display:block;font-size:12px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-dock button{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:17px;flex:none}
.lv-dock button.main{background:var(--gold);color:#3a0a16;font-weight:900}
.lv-eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px;margin-inline-end:6px;vertical-align:middle}
.lv-eq i{width:3px;background:var(--gold);animation:lveq .9s infinite ease-in-out;height:4px}
.lv-eq i:nth-child(2){animation-delay:.2s}.lv-eq i:nth-child(3){animation-delay:.4s}
@keyframes lveq{0%,100%{height:3px}50%{height:12px}}
.lv-detail{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px 0;display:flex;gap:14px;align-items:center}
.lv-detail .lv-av{width:64px;height:64px;font-size:26px;border-radius:16px}
.lv-detail h2{margin:0 0 3px;font-size:19px}
.lv-detail p{margin:0;font-size:13px;color:var(--mut)}
.lv-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.65;margin:14px 0;color:#3b3236}
.lv-fm{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:8px}
.lv-fm div{background:#faf7f4;border:1px solid var(--line);border-radius:10px;padding:6px 9px;font-size:12px}
.lv-fm b{display:block;color:var(--bur)}
/* TV */
.tv-pl{position:sticky;top:calc(env(safe-area-inset-top,0px) + 52px);z-index:25;background:#000;border-radius:14px;overflow:hidden;margin:10px 0;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.tv-pl video{display:block;width:100%;aspect-ratio:16/9;background:#000;max-height:56vh}
.tv-pl-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1c1416;color:#fff}
.tv-pl-bar b{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-pl-bar button{min-width:38px;height:34px;padding:0 10px;border-radius:10px;background:rgba(255,255,255,.16);color:#fff;font-weight:800;font-size:14px}
.tv-ov{position:absolute;inset:0 0 44px 0;display:grid;place-items:center;color:#fff;text-align:center;font-size:14px;padding:16px;background:rgba(0,0,0,.45);cursor:pointer}
.tv-ov[hidden]{display:none}
.tv-pl-w{position:relative}
.tv-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.tv-c{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;content-visibility:auto;contain-intrinsic-size:150px}
.tv-c.cur{border-color:var(--bur);box-shadow:0 0 0 2px rgba(155,18,48,.14)}
.tv-c a.tv-lg{display:grid;place-items:center;aspect-ratio:16/10;background:#f7f4f1;position:relative;text-decoration:none;color:#fff;font-weight:900;font-size:28px}
.tv-c a.tv-lg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px;background:#fff}
.tv-c .tv-n{padding:7px 9px 9px;min-width:0}
.tv-c .tv-n b{display:block;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.tv-c .tv-n small{display:block;font-size:11px;color:var(--mut);margin-top:2px}
.tv-c .lv-ic.fv{position:absolute;top:2px;inset-inline-end:2px;background:rgba(255,255,255,.85)}
.tv-q{position:absolute;bottom:5px;inset-inline-start:6px;background:rgba(0,0,0,.65);color:#fff;font-size:10px;padding:1px 6px;border-radius:6px;font-weight:700}

/* Holy Quran Radio quick button (radio page) */
.lv-qr{margin:0 0 12px}.lv-qr-b{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #E8C35A;background:linear-gradient(135deg,#14532d,#166534);color:#fff;border-radius:16px;padding:12px 14px;cursor:pointer;text-align:start;font:inherit}.lv-qr-i{width:40px;height:40px;flex:none;border-radius:99px;background:#E8C35A;color:#14532d;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.lv-qr-t{min-width:0}.lv-qr-t b{display:block;font-size:15px}.lv-qr-t small{display:block;font-size:12px;color:#E8C35A;margin-top:2px}.lv-qr-b.on{box-shadow:0 0 0 3px rgba(232,195,90,.35)}