/* Article sidebar extras: কথা / সংক্ষেপ sliders, today's dates, prayer times. */
.bvs{--bvs-brand:var(--tt_primary_color);--bvs-line:#e6e6e6;--bvs-muted:#6f6f6f;display:flex;flex-direction:column;gap:16px;margin-top:16px;color:var(--tt-text-color)}
[data-theme=dark] .bvs{--bvs-line:#4a4a4a;--bvs-muted:#bbb}
.bvs h2{margin:0;font-size:18px;font-weight:700;line-height:1.3;color:inherit}
.bvs-box{position:relative;padding:14px 14px 12px;border:1px solid var(--bvs-line);border-radius:12px;background:var(--tt-white-color)}
.bvs-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.bvs-head h2{display:flex;align-items:center;gap:8px}
.bvs-head h2 i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--bvs-brand) 12%,transparent);color:var(--bvs-brand);font-size:15px}
.bvs-nav{display:flex;gap:6px}
.bvs-nav button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--bvs-line);border-radius:50%;background:var(--tt-white-color);color:var(--tt-text-color);cursor:pointer;transition:background .15s,color .15s}
.bvs-nav button:hover:not(:disabled){background:var(--bvs-brand);border-color:var(--bvs-brand);color:#fff}
.bvs-nav button:disabled{opacity:.35;cursor:default}
.bvs-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;user-select:none}
.bvs-track::-webkit-scrollbar{display:none}
.bvs-track.is-drag{cursor:grabbing;scroll-snap-type:none}
.bvs-track.is-drag a{pointer-events:none}
.bvs-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:10px;color:inherit;text-decoration:none}
.bvs-quote{position:relative;background:linear-gradient(150deg,color-mix(in srgb,var(--bvs-brand) 10%,var(--tt-white-color)),var(--tt-white-color) 70%)}
.bvs-quote-mark{position:absolute;right:12px;top:-6px;color:var(--bvs-brand);font:700 64px/1 Georgia,serif;opacity:.22}
.bvs-quote p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;margin:0;font-size:17px;font-weight:600;line-height:1.55}
.bvs-speaker{display:flex;align-items:center;gap:10px;margin-top:auto}
.bvs-speaker img{flex:none;width:42px;height:42px;border:2px solid var(--bvs-brand);border-radius:50%;object-fit:cover;object-position:top;background:#eee}
.bvs-speaker span{display:flex;flex-direction:column;min-width:0}
.bvs-speaker b{font-size:15px;line-height:1.3}
.bvs-speaker small{overflow:hidden;color:var(--bvs-muted);font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.bvs-box-brief{border-color:transparent;background:linear-gradient(160deg,#2a0c06,#6e1100 55%,var(--bvs-brand));color:#fff}
.bvs-box-brief .bvs-head h2{color:#fff}
.bvs-box-brief .bvs-head h2 i{background:#ffffff22;color:#ffcf5a}
.bvs-box-brief .bvs-nav button{border-color:#ffffff40;background:transparent;color:#fff}
.bvs-box-brief .bvs-nav button:hover:not(:disabled){background:#fff;border-color:#fff;color:var(--bvs-brand)}
.bvs-brief{position:relative;padding:14px 14px 12px;border:1px solid #ffffff2a;background:#ffffff12;color:#fff}
.bvs-brief:before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:#ffcf5a}
.bvs-brief-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.bvs-brief-no{color:#ffcf5a;font-size:22px;font-weight:700;line-height:1}
.bvs-brief-no small{color:#ffffff80;font-size:12px;font-weight:400}
.bvs-brief time{color:#ffffffa8;font-size:11px}
.bvs-brief h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;color:#fff;font-size:17px;font-weight:700;line-height:1.4}
.bvs-brief p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;margin:0;color:#ffffffd0;font-size:14.5px;line-height:1.6}
.bvs-brief-more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:#ffcf5a;font-size:13px;font-weight:600}
.bvs-box-brief .bvs-dots span{background:#ffffff40}
.bvs-box-brief .bvs-dots span.is-on{background:#ffcf5a}
.bvs-box-brief .bvs-all{color:#fff}
.bvs-dots{display:flex;justify-content:center;gap:5px;margin-top:10px}
.bvs-dots span{width:6px;height:6px;border-radius:3px;background:var(--bvs-line);transition:width .2s,background .2s}
.bvs-dots span.is-on{width:18px;background:var(--bvs-brand)}
.bvs-all{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;color:var(--bvs-brand);font-size:14px;font-weight:600;text-decoration:none}

/* Today */
.bvs-today{display:flex;align-items:stretch;gap:12px;padding:12px;border:1px solid var(--bvs-line);border-radius:12px;background:var(--tt-white-color)}
.bvs-today-day{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 78px;padding:8px 4px;border-radius:10px;background:var(--bvs-brand);color:#fff;text-align:center}
.bvs-today-day span{font-size:13px;line-height:1.3}
.bvs-today-day b{font-size:34px;line-height:1.1}
.bvs-today ul{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;margin:0;padding:0;list-style:none}
.bvs-today li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.35}
.bvs-today li i{flex:none;color:var(--bvs-brand);font-size:13px}

/* Prayer times: night-sky card with the sun's path for today. */
.bvs-prayer{overflow:hidden;border-radius:14px;background:linear-gradient(165deg,#10243b 0%,#1d3f5e 55%,#7a2b12 140%);color:#fff}
.bvs-prayer header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:14px 14px 6px}
.bvs-prayer h2{color:#fff}
.bvs-prayer header span{display:flex;align-items:center;gap:5px;margin-top:3px;color:#ffffffb0;font-size:12px}
.bvs-arc{flex:none;width:96px;height:46px;color:#fff}
.bvs-sun{fill:#ffcf5a;filter:drop-shadow(0 0 4px #ffcf5a)}
.bvs-next{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:4px 14px 10px;padding:10px 12px;border:1px solid #ffffff2e;border-radius:10px;background:#ffffff14}
.bvs-next span{width:100%;color:#ffffffa8;font-size:12px}
.bvs-next b{color:#ffcf5a;font-size:22px;line-height:1.2}
.bvs-next em{color:#fff;font-style:normal;font-size:14px}
.bvs-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0 14px;list-style:none}
.bvs-times li{display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;column-gap:6px;padding:8px 10px;border-radius:9px;background:#ffffff0f}
.bvs-times li i{grid-row:1/3;align-self:center;color:#ffffffa0;font-size:15px}
.bvs-times li span{color:#ffffffb8;font-size:12px;line-height:1.3}
.bvs-times li b{font-size:15px;line-height:1.35}
.bvs-times li b small{font-size:11px;font-weight:400;color:#ffffffa0}
.bvs-times li.is-next{background:#ffcf5a;color:#1b1b1b}
.bvs-times li.is-next i,.bvs-times li.is-next span,.bvs-times li.is-next small{color:#1b1b1bb0}
.bvs-times li.is-past{opacity:.55}
.bvs-fast{display:flex;justify-content:space-between;gap:8px;margin:10px 0 0;padding:10px 14px 12px;border-top:1px solid #ffffff22;font-size:12px;color:#ffffffc0}
.bvs-fast span{display:flex;align-items:center;gap:5px}
.bvs-fast b{color:#fff;font-size:13px}
.bvs-fast b small{font-weight:400}

@media(max-width:991.98px){.d-lg-none>.bvs{margin:24px 0 8px}}
