/* LyricsSangrah Trending v3 — Frontend */
.ls-trending-widget{background:var(--card,#fff);border:1px solid var(--border,#E2D5BC);border-radius:14px;overflow:hidden;box-shadow:0 1px 6px rgba(160,112,26,.08);margin-bottom:24px;font-family:'Inter',sans-serif}
.ls-tw-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border,#E2D5BC);background:var(--bg2,#F5F0E8)}
.ls-tw-icon{font-size:20px;flex-shrink:0}
.ls-tw-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;font-weight:600;color:var(--text,#1C1408);margin:0}
.ls-tw-body{padding:6px 0}
.ls-trend-list{list-style:none;margin:0;padding:0}
.ls-trend-item{display:flex;align-items:center;gap:11px;padding:10px 18px;border-bottom:1px solid var(--border,#E2D5BC);transition:background .18s}
.ls-trend-item:last-child{border-bottom:none}
.ls-trend-item:hover{background:var(--bg2,#F5F0E8)}
.ls-trend-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;font-weight:700;color:var(--gold,#A0701A);opacity:.35;width:26px;flex-shrink:0;line-height:1;transition:opacity .2s}
.ls-trend-item:hover .ls-trend-num{opacity:.7}
.ls-trend-info{flex:1;min-width:0}
.ls-trend-title{display:block;font-size:14px;font-weight:500;color:var(--text,#1C1408);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;transition:color .2s}
.ls-trend-title:hover{color:var(--gold,#A0701A)}
.ls-trend-meta{display:block;font-size:11px;color:var(--text3,#9A7C50);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-trend-views{font-size:11px;font-weight:500;color:var(--text3,#9A7C50);white-space:nowrap;flex-shrink:0}
.ls-growth-badge{display:inline-block;font-size:10px;color:#1E7A4A;background:rgba(30,122,74,.1);padding:1px 6px;border-radius:5px;margin-left:4px;font-weight:600}
.ls-trend-term-thumb{width:36px;height:36px;border-radius:50%;background:var(--gold-pale,#FEF3DC);border:1.5px solid var(--border2,#C9A86A);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;font-weight:700;color:var(--gold,#A0701A);flex-shrink:0;transition:background .2s,color .2s}
.ls-trend-item:hover .ls-trend-term-thumb{background:var(--gold,#A0701A);color:#fff}
.ls-trending-empty{padding:20px 18px;font-size:13px;color:var(--text3,#9A7C50);text-align:center}
/* Tabs */
.ls-trending-tabs-widget{background:var(--card,#fff);border:1px solid var(--border,#E2D5BC);border-radius:14px;overflow:hidden;box-shadow:0 1px 6px rgba(160,112,26,.08);margin-bottom:24px;font-family:'Inter',sans-serif}
.ls-tab-nav{display:flex;overflow-x:auto;scrollbar-width:none;background:var(--bg2,#F5F0E8);border-bottom:1px solid var(--border,#E2D5BC)}
.ls-tab-nav::-webkit-scrollbar{display:none}
.ls-tab-btn{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:11px 12px;font-size:12px;font-weight:500;color:var(--text2,#5A4020);background:none;border:none;border-bottom:2.5px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:'Inter',sans-serif}
.ls-tab-btn span{display:none}
.ls-tab-btn:hover{color:var(--gold,#A0701A)}
.ls-tab-btn.active{color:var(--gold,#A0701A);border-bottom-color:var(--gold,#A0701A);background:#fff}
.ls-tab-panel{display:none}
.ls-tab-panel.active{display:block}
@media(min-width:560px){.ls-tab-btn span{display:inline}.ls-tab-btn{padding:11px 14px}}
@media(max-width:480px){.ls-trend-item{padding:9px 12px;gap:8px}.ls-trend-num{display:none}.ls-tw-header{padding:12px 14px}.ls-tw-title{font-size:16px}.ls-trend-views{display:none}}