/*
Theme Name: MuusikaPlaneet
Theme URI: https://muusikaplaneet.ee/
Author: MuusikaPlaneet
Description: Dark music-magazine theme for MuusikaPlaneet. Publish posts as normal; the homepage, categories, tags and search are rendered live from your existing content. Set a custom logo and assign your existing menu to the Secondary location for the full navigation.
Version: 3.29.70-noplayer
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: muusikaplaneet
*/

@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/inter-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/inter-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/inter-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/inter-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/inter-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/inter-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/inter-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/inter-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/inter-latin-ext-800-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/inter-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  --bg:#0e0e10; --bg2:#111113; --bg3:#0a0a0c;
  --panel:rgba(255,255,255,.02); --panel-h:rgba(255,255,255,.05);
  --line:rgba(255,255,255,.06); --line2:rgba(255,255,255,.10); --line3:rgba(255,255,255,.05);
  --t1:#e8e8ea; --t2:#b4b8bf; --t3:#9aa0a9; --t4:#888e98; --t5:#7a8089;
  --orange:#f97316; --amber:#f59e0b; --rose:#f43f5e;
  --grad:linear-gradient(90deg,#f97316,#f43f5e);
  --grad-b:linear-gradient(180deg,#fb923c,#f43f5e);
  --maxw:100%; --radius:12px;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--t1);font-family:var(--font);
  font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.no-scrollbar::-webkit-scrollbar{display:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ef6a2b}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.grad-text{background:none;-webkit-text-fill-color:#ef6a2b;color:#ef6a2b}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* top info bar */
.topbar{border-bottom:1px solid var(--line3);background:rgba(0,0,0,.5)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:36px;
  font-size:11px;color:var(--t3)}
.topbar .socials{display:flex;align-items:center;gap:12px}
.topbar .socials a{transition:opacity .2s;display:inline-flex;opacity:.95}
.topbar .socials a:hover{opacity:1}
/* language globe in the top bar */
.topbar-sep{width:1px;height:14px;background:rgba(255,255,255,.14);flex-shrink:0}
.lang-switch{position:relative;display:inline-flex;align-items:center}
.lang-globe{display:inline-flex;align-items:center;justify-content:center;padding:3px;border:0;background:transparent;color:var(--t3);border-radius:6px;cursor:pointer;transition:color .2s,background .2s}
.lang-globe:hover{color:#fff;background:rgba(255,255,255,.06)}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:130px;max-height:min(70vh,440px);overflow-y:auto;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;padding:6px;display:none;flex-direction:column;gap:2px;z-index:200;box-shadow:0 12px 32px rgba(0,0,0,.55)}
.lang-switch.open .lang-menu{display:flex}
.lang-menu a,.lang-menu .glink{display:block;padding:8px 12px;font-size:13px;font-weight:500;color:var(--t2);border-radius:7px;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.lang-menu a:hover,.lang-menu .glink:hover{background:rgba(255,255,255,.06);color:#fff}
.lang-menu img{display:none}
.gt-engine{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}
/* hide GTranslate's own floating flag widget and Google banner; the header globe is the control */
.gt_float_switcher,#gt_float_wrapper{display:none !important}
.goog-te-banner-frame{display:none !important}
body{top:0 !important}
.topbar .tag{display:none}
@media(min-width:640px){.topbar .tag{display:block}}

/* brand colours for social icons */
.soc-facebook{--sc:#1877f2}.soc-instagram{--sc:#e1306c}.soc-x{--sc:#e7e9ea}.soc-bluesky{--sc:#1185fe}
.topbar .socials a.soc{color:var(--sc)}
.foot-social a.soc{color:var(--sc)}
.social-list a .soc-ic{color:var(--sc);display:inline-flex}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(14,14,16,.98);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line3)}
.header-row{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
@media(min-width:768px){.header-row{height:72px}}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand img,.brand .custom-logo{height:40px;width:auto}
@media(min-width:768px){.brand img,.brand .custom-logo{height:48px}}
.brand .name{display:block;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:15px;white-space:nowrap}
@media(max-width:380px){.brand .name{font-size:13px;letter-spacing:.10em}}

.cat-pills{display:none;align-items:center;gap:4px;overflow-x:auto;flex:1;justify-content:center}
@media(min-width:1024px){.cat-pills{display:flex}}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;
  font-size:13px;font-weight:500;white-space:nowrap;color:var(--t2);background:var(--panel-h);
  transition:all .2s}
.pill:hover{background:rgba(255,255,255,.09);color:var(--t1)}
.pill.active{background:var(--grad);color:#fff;box-shadow:0 4px 14px rgba(249,115,22,.25)}
.pill svg{width:13px;height:13px}

.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.icon-btn{padding:8px;border-radius:10px;color:var(--t2);background:transparent;border:0;
  display:inline-flex;transition:all .2s}
.icon-btn:hover{color:#fff;background:rgba(255,255,255,.05)}
.menu-btn{display:inline-flex}
@media(min-width:1024px){.menu-btn{display:none}}

.search-row{padding-bottom:12px}
.search-row.hide{display:none}
.search-field{position:relative}
.search-field svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--t3)}
.search-field input{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line2);
  border-radius:12px;padding:10px 16px 10px 34px;color:#fff;font-size:14px}
.search-field input::placeholder{color:var(--t4)}
.search-field input:focus{outline:none;border-color:rgba(249,115,22,.4)}

/* mobile menu */
.mobile-menu{display:none;border-top:1px solid var(--line3);padding:12px 0 16px}
.mobile-menu.open{display:block}
.mobile-cats{display:flex;flex-wrap:wrap;gap:6px}
.mobile-cats .pill{font-size:12px}
.mobile-links{display:flex;flex-direction:column;gap:10px;padding-top:12px;margin-top:12px;
  border-top:1px solid var(--line3)}
.mobile-links .subnav-row{display:flex;flex-wrap:wrap;gap:4px 16px}
.mobile-links a{font-size:12px;color:var(--t4);transition:color .2s}
.mobile-links a:hover{color:var(--orange)}

/* secondary nav */
.subnav{background:var(--bg2);border-bottom:1px solid var(--line3)}
.subnav .wrap{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:7px 0}
.subnav-row{display:flex;flex-wrap:wrap;align-items:center;gap:2px 3px}
.subnav-row--archive a:not(.mp){color:var(--t3)}
.subnav a{font-size:12px;color:var(--t2);padding:5px 9px;border-radius:8px;
  white-space:nowrap;font-weight:500;transition:all .2s}
.subnav a:hover{color:#fff;background:rgba(255,255,255,.04)}
.subnav .sep{width:1px;height:16px;background:rgba(255,255,255,.1);margin:0 6px;flex-shrink:0}
.subnav a.mp{color:var(--orange);font-weight:600}

/* ticker */
.ticker{display:flex;align-items:stretch;background:var(--bg3);border-bottom:1px solid var(--line);
  overflow:hidden;height:36px}
.ticker-label{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 16px;
  background:linear-gradient(90deg,#e11d48,#ea580c);color:#fff;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.ticker-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.6s infinite}
.ticker-strip{flex:1;overflow:hidden;position:relative}
.ticker-track{display:flex;width:max-content;animation:ticker 70s linear infinite}
.ticker-track:hover{animation-play-state:paused}
.ticker-track a{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 20px;height:36px}
.ticker-track .n{color:var(--orange);font-weight:700;font-size:10px}
.ticker-track .ti{color:var(--t2);font-size:12px;white-space:nowrap;transition:color .2s}
.ticker-track a:hover .ti{color:#fff}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* badges */
.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid}
.badge svg{width:11px;height:11px}
.badge.video{background:rgba(244,63,94,.2);color:#fda4af;border-color:rgba(244,63,94,.3)}
.badge.live{background:rgba(245,158,11,.2);color:#fcd34d;border-color:rgba(245,158,11,.3)}
.badge.singel{background:rgba(249,115,22,.2);color:#fdba74;border-color:rgba(249,115,22,.3)}
.badge.album{background:rgba(234,88,12,.2);color:#fed7aa;border-color:rgba(234,88,12,.3)}
.badge.raadio{background:rgba(239,68,68,.2);color:#fca5a5;border-color:rgba(239,68,68,.3)}
.badge.intervjuu{background:rgba(14,165,233,.2);color:#7dd3fc;border-color:rgba(14,165,233,.3)}
.badge.def{background:rgba(113,113,122,.3);color:#d4d4d8;border-color:rgba(113,113,122,.3)}

/* hero */
.hero{display:grid;border-bottom:1px solid var(--line3)}
@media(min-width:1024px){.hero{grid-template-columns:minmax(0,1fr) 360px}}
.hero-feature{position:relative;display:flex;overflow:hidden;min-height:400px}
@media(min-width:768px){.hero-feature{min-height:520px}}
.hero-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.hero-feature:hover img{transform:scale(1.05)}
.hero-feature .ov1{position:absolute;inset:0;background:linear-gradient(0deg,#000,rgba(0,0,0,.4),transparent)}
.hero-feature .ov2{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}
.hero-feature .inner{position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  padding:24px}
@media(min-width:768px){.hero-feature .inner{padding:40px}}
.hero-feature h1{margin:12px 0 0;font-size:22px;line-height:1.2;font-weight:800;color:#fff;max-width:42rem}
@media(min-width:768px){.hero-feature h1{font-size:30px}}
.hero-feature .ex{margin:8px 0 0;font-size:14px;color:#d4d4d8;max-width:36rem;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hero-feature .meta{margin-top:16px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--t3)}
.hero-feature .more{display:flex;align-items:center;gap:4px;color:var(--orange);font-weight:600}

.hero-side{background:var(--bg2);border-left:1px solid var(--line3);display:flex;flex-direction:column}
.hero-side .head{padding:14px 20px;border-bottom:1px solid var(--line3);font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.14em;color:#fff;display:flex;align-items:center;gap:8px;
  background:linear-gradient(90deg,#e11d48,#ea580c)}
.hero-side .head .d{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.6s infinite}
.hero-side .item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;
  border-top:1px solid rgba(255,255,255,.04);transition:background .2s}
.hero-side .item:first-of-type{border-top:0}
.hero-side .item:hover{background:rgba(255,255,255,.03)}
.hero-side .num{flex-shrink:0;width:20px;height:20px;border-radius:50%;
  background:linear-gradient(135deg,#f97316,#f43f5e);display:flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:700;color:#fff}
.hero-side .item p{margin:0;font-size:12px;font-weight:500;color:#d4d4d8;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero-side .item:hover p{color:#fff}
.hero-side .item .m{margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hero-side .item .dt{font-size:10px;color:var(--t5)}
.hero-side .foot{padding:12px 20px;border-top:1px solid var(--line3);text-align:center}
.hero-side .foot a{font-size:11px;color:var(--t4);transition:color .2s}
.hero-side .foot a:hover{color:var(--orange)}

/* Homepage live blog feature (v3.19.62) */
.hero-live{background:linear-gradient(135deg,#2a1620,#0f0c12)}
.hero-live .hero-live-glow{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 0%,rgba(244,63,94,.22),transparent 60%)}
.hero-live-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.06em;color:#fff;background:rgba(239,68,68,.22);border:1px solid rgba(239,68,68,.5);padding:6px 11px;border-radius:999px}
.hero-live-badge .d{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.22);animation:pulse 1.6s infinite}
.badge--liveblog{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5);color:#fff}

/* main layout */
.main{max-width:var(--maxw);margin:0 auto;padding:32px 16px}
@media(min-width:768px){.main{padding:40px 24px}}
.layout{display:grid;gap:24px}
.layout>*{min-width:0}
@media(min-width:768px){.layout{grid-template-columns:minmax(0,1fr) 320px;gap:32px}}

.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.section-head h2{margin:0;font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}
.section-head .bar{width:4px;height:16px;border-radius:2px;background:var(--grad-b)}
.section-head .count{color:var(--t4);font-weight:400;font-size:12px;margin-left:4px}

/* card grid */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px}
.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:all .3s}
.card:hover{background:var(--panel-h);border-color:var(--line2)}
.card .thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg2)}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .thumb img{transform:scale(1.05)}
.card .thumb .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 40%,rgba(249,115,22,.12),transparent 70%)}
.card .thumb .ph img{width:46%;height:auto;object-fit:contain;opacity:.85}
.card .thumb .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}
.badges{display:flex;flex-wrap:wrap;gap:6px}
.card .thumb .badges{position:absolute;top:8px;left:8px;gap:4px;max-width:calc(100% - 16px)}
.card .thumb .badge{position:static}
.card .body{padding:16px}
.card .body h3{margin:0;font-size:14px;font-weight:600;color:#e4e4e7;line-height:1.35;transition:color .2s}
.card:hover .body h3{color:#fdba74}
.card .body .ex{margin:6px 0 0;font-size:11px;color:var(--t3);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .body .dt{margin:8px 0 0;font-size:11px;color:var(--t4)}

/* pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;flex-wrap:wrap}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:34px;
  height:34px;padding:0 6px;border-radius:8px;font-size:13px;color:var(--t3);
  border:1px solid var(--line2);transition:all .2s}
.pagination a.page-numbers:hover{color:#fff;border-color:rgba(249,115,22,.3);background:rgba(249,115,22,.05)}
.pagination .page-numbers.current{background:var(--grad);color:#fff;border-color:transparent;
  box-shadow:0 4px 14px rgba(249,115,22,.25)}
.pagination .page-numbers.dots{border-color:transparent}

/* sidebar */
.sidebar{display:flex;flex-direction:column;gap:24px}
/* Sticky sidebar (3.19.92). The column is sticky, the cards inside it are not
   touched: each keeps its own frame, its own spacing and its own flow. No
   scroll container, no max-height, so nothing can overlap. */
@media(min-width:1024px){
  .layout{align-items:start}
  .sidebar{position:sticky;top:96px;align-self:start}
  .sidebar>#mp-poll,.sidebar>#mp-cal-side,.sidebar>.box{position:static;margin:0}
}
.box{background:var(--panel);border:1px solid var(--line3);border-radius:var(--radius);padding:20px}
.box h3{margin:0 0 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;
  color:var(--t3)}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags a{padding:4px 12px;border-radius:999px;font-size:12px;color:var(--t3);border:1px solid var(--line);
  transition:all .2s}
.tags a:hover{border-color:rgba(249,115,22,.3);color:#fdba74;background:rgba(249,115,22,.05)}
.social-list{display:flex;flex-direction:column;gap:8px}
.social-list a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;
  border:1px solid var(--line3);color:var(--t3);font-size:12px;font-weight:600;transition:all .2s}
.social-list a:hover{background:rgba(255,255,255,.03);color:#d4d4d8}
.social-list a .note{margin-left:auto;font-size:10px;color:var(--t5)}
.cat-list{display:flex;flex-direction:column;gap:4px}
.cat-list a{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;
  font-size:12px;color:var(--t3);transition:all .2s}
.cat-list a:hover{color:#d4d4d8;background:rgba(255,255,255,.03)}
.cat-list a .c{font-size:10px;color:var(--t5)}
.readlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.readlist li{display:flex;gap:12px;align-items:flex-start}
.readlist .rn{font-family:Quicksand,sans-serif;font-weight:700;font-size:18px;line-height:1;color:var(--orange);min-width:18px;text-align:center;padding-top:1px}
.readlist a{display:flex;flex-direction:column;gap:3px;min-width:0}
.readlist .rt{font-size:13px;font-weight:600;color:var(--t1);line-height:1.35}
.readlist a:hover .rt{color:var(--orange)}
.readlist .rd{font-size:11px;color:var(--t4)}
.cat-list a.active{color:#fdba74;background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.2)}

/* archive header */
.arch-head{border-bottom:1px solid var(--line3);background:rgba(0,0,0,.3)}
.arch-head .wrap{padding:28px 16px}
.arch-head h1{margin:0;font-size:22px;font-weight:800;display:flex;align-items:center;gap:10px}
.arch-head .bar{width:4px;height:22px;border-radius:2px;background:var(--grad-b)}
.arch-head p{margin:8px 0 0;font-size:13px;color:var(--t3)}

/* single */
.single{max-width:820px;margin:0 auto;padding:40px 16px 60px}
.single .back{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--t3);margin-bottom:20px}
.single .back:hover{color:var(--orange)}
.single .head .meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.single .head .dt{font-size:12px;color:var(--t4)}
.single h1.title{margin:0 0 18px;font-size:30px;line-height:1.2;font-weight:800;color:#fff}
@media(min-width:768px){.single h1.title{font-size:38px}}
.single .feat{border-radius:var(--radius);overflow:hidden;margin:0 0 28px;border:1px solid var(--line)}
.single .feat img{display:block;width:100%;height:auto}
.single .content{font-size:16px;line-height:1.8;color:#d4d4d8}
.single .content p{margin:0 0 18px}
.single .content a{color:#fdba74;text-decoration:underline;text-underline-offset:2px}
.single .content a:hover{color:#fb923c}
.single .content h2,.single .content h3,.single .content h4{color:#fff;line-height:1.3;
  margin:32px 0 12px;font-weight:700}
.single .content h2{font-size:24px}.single .content h3{font-size:20px}.single .content h4{font-size:17px}
.single .content img{max-width:100%;height:auto;border-radius:10px;margin:8px 0 22px}
.single .content figure{margin:0 0 22px}
.single .content figcaption{font-size:12px;color:var(--t4);margin-top:6px;text-align:center}
.single .content blockquote{margin:0 0 22px;padding:8px 18px;border-left:3px solid var(--orange);
  color:#e4e4e7;font-style:italic;background:rgba(255,255,255,.02);border-radius:0 8px 8px 0}
.single .content ul,.single .content ol{margin:0 0 18px;padding-left:22px}
.single .content li{margin:0 0 8px}
.single .content iframe,.single .content video{max-width:100%;border-radius:10px;margin:0 0 22px}
.single .content{overflow-wrap:break-word;word-wrap:break-word}
.single .content iframe{width:100%;aspect-ratio:16/9;height:auto}
.single .content embed,.single .content object{width:100%}
.single .content pre,.single .content table{max-width:100%;overflow-x:auto;display:block}
.single .content .wp-block-embed__wrapper iframe{aspect-ratio:16/9;width:100%;height:auto}
/* Spotify frames are cards, not videos (v3.29.30): stretching them 16/9 leaves
   a big blank area under the player. Give them Spotify's own heights instead. */
.single .content iframe[src*="spotify.com"],
.single .content .wp-block-embed__wrapper iframe[src*="spotify.com"]{aspect-ratio:auto;height:352px}
.single .content iframe[src*="spotify.com/embed/track"],
.single .content .wp-block-embed__wrapper iframe[src*="spotify.com/embed/track"]{height:152px}
.single .tagrow{margin-top:32px;padding-top:24px;border-top:1px solid var(--line3);
  display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.single .tagrow .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--t4);margin-right:4px}
.single-nav{max-width:820px;margin:0 auto;padding:0 16px 50px;display:flex;justify-content:space-between;gap:16px}
.single-nav a{flex:1;padding:16px;border:1px solid var(--line3);border-radius:var(--radius);
  font-size:13px;color:var(--t2);transition:all .2s}
.single-nav a:hover{border-color:rgba(249,115,22,.3);color:#fff}
.single-nav .lbl{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--t4);margin-bottom:4px}
.single-nav .nx{text-align:right}
.layout .single{max-width:none;margin:0;padding:6px 0 22px}
.layout .single-nav{max-width:none;margin:0;padding:0 0 6px}
.single.single--wide{max-width:none;margin:0;padding:8px 0 30px}
.single-nav.single-nav--wide{max-width:none;margin:0;padding:0 0 8px}
/* full width single, hardened so the article fills the page even if an older narrow rule lingers */
body.single{max-width:none;margin:0;padding:0}
body.single .main{max-width:min(1800px, 94vw)}
body.single .layout{display:block;grid-template-columns:none}
body.single .sidebar{display:none}
body.single .single.single--wide{max-width:none;width:100%;margin:0 auto}
.single .feat-cap{font-size:12px;color:var(--t4);margin:8px 0 24px;line-height:1.5}
.edit-link{margin:24px 0 0}
.edit-link a{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--orange);border:1px solid var(--line2);padding:8px 16px;border-radius:8px;transition:all .2s}
.edit-link a:hover{background:rgba(249,115,22,.08)}
/* special-section pages: wider, centred images with text below */
.single--page{max-width:1120px}
.single--page .head{text-align:left}
.single--page .content{text-align:left}
.single--page .content img{display:block;margin-left:auto;margin-right:auto}
.single--page .content figure{margin-left:auto;margin-right:auto;text-align:center}
.single--page .content .wp-block-image,
.single--page .content .wp-block-gallery{justify-content:center}
.single--page .content ul,.single--page .content ol{display:inline-block;text-align:left;margin-left:auto;margin-right:auto}
.single--page .content blockquote{text-align:left;display:inline-block}

/* ===== refined single article (Bolt refinement) ===== */
.article-page{padding-top:8px}
.article-hero{width:100%;position:relative;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;margin-bottom:6px}
.article-hero img{display:block;width:100%;height:auto;object-fit:contain}
.article-hero-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(10,10,12,.5) 0%,transparent 40%)}
.article-page .feat-cap{font-size:12px;color:var(--t4);margin:8px 2px 0;line-height:1.5}
.article-body{max-width:100%;margin:0 auto;padding:24px 0 60px}
.article-body .back{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--t3);margin-bottom:20px}
.article-body .back:hover{color:var(--orange)}
.article-body .head-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.article-body .head-dt{font-size:12px;color:var(--t4)}
.article-body h1.title{margin:0 0 18px;font-size:30px;line-height:1.2;font-weight:800;color:#fff}
@media(min-width:768px){.article-body h1.title{font-size:38px}}
.article-body .content{font-size:16px;line-height:1.8;color:#d4d4d8}
.article-body .content p{margin:0 0 18px}
.article-body .content > p:first-of-type{font-size:18px;font-weight:600;color:#e8e8ea;line-height:1.7}
.article-body .content img{max-width:100%;height:auto}
.article-body .content > p img,
.article-body .content > figure.wp-block-image img,
.article-body .content > .wp-block-image img{width:100%;border-radius:var(--radius);margin:24px 0;border:1px solid var(--line)}
.article-body .content [class*="bwg"] img{width:auto;max-width:100%;margin:0;border:0;border-radius:0}
.article-body .content a{color:#fdba74;text-decoration:underline;text-underline-offset:2px}
.article-body .content a:hover{color:#fb923c}
.article-body .content audio{width:100%}
.article-body .content figure{margin:24px 0}
.article-body .content figcaption{font-size:12px;color:var(--t4);margin-top:8px;text-align:center}
.article-body .content iframe{max-width:100%;border-radius:var(--radius);margin:24px 0}
/* post embeds (Samal teemal related cards): keep card size, no stretched blank space */
.content .wp-embedded-content{width:100% !important;max-width:600px !important;margin:16px 0;display:block;border-radius:var(--radius)}
/* in-content galleries and columns: wrap and shrink on every engine (fixes Android/Chrome zoom-out) */
.content img{max-width:100%;height:auto}
.content > *{max-width:100%}
.content .wp-block-gallery{display:flex;flex-wrap:wrap;gap:12px;max-width:100%}
.content .wp-block-gallery .wp-block-image,
.content .wp-block-gallery > figure{flex:1 1 220px;min-width:0;margin:0}
.content .wp-block-gallery img{width:100%;height:auto;margin:0}
.content .gallery{display:flex;flex-wrap:wrap;gap:12px;max-width:100%}
.content .gallery .gallery-item{flex:1 1 220px;min-width:0;width:auto !important;margin:0 !important}
.content .gallery .gallery-item img{width:100%;height:auto}
.content .wp-block-columns{flex-wrap:wrap;gap:12px;max-width:100%}
.content .wp-block-column{min-width:0}
.article-body .tagrow{margin-top:32px;padding-top:24px;border-top:1px solid var(--line3);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.article-body .tagrow .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--t4);margin-right:4px}
.article-body .tagrow a{padding:4px 12px;border-radius:999px;font-size:12px;color:var(--t3);border:1px solid var(--line);transition:all .2s}
.article-body .tagrow a:hover{border-color:rgba(249,115,22,.3);color:#fdba74;background:rgba(249,115,22,.05)}
.article-body .single-nav{max-width:none;margin:32px 0 0;padding:0}
/* mobile refinements */
@media(max-width:600px){
  .single-nav{flex-direction:column}
  .single-nav .nx{text-align:left}
}
@media(max-width:480px){
  .feed-thumb{width:104px;height:74px}
  .feed-item{gap:12px}
  .article-body h1.title{font-size:26px}
}

/* ===== news feed list (Bolt refinement) ===== */
.news-feed{display:flex;flex-direction:column;gap:0}
.feed-item{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line3);transition:background .2s}
.feed-item:first-child{padding-top:0}
.feed-item:hover{background:rgba(255,255,255,.02)}
.feed-thumb{flex-shrink:0;width:140px;height:90px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--bg2)}
@media(min-width:768px){.feed-thumb{width:180px;height:110px}}
.feed-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.feed-info{display:flex;flex-direction:column;justify-content:center;min-width:0}
.feed-info h3{margin:0 0 6px;font-size:14px;font-weight:600;color:#e4e4e7;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:768px){.feed-info h3{font-size:16px}}
.feed-item:hover .feed-info h3{color:#fff}
.feed-excerpt{margin:0 0 8px;font-size:12px;color:var(--t4);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:767px){.feed-excerpt{display:none}}
.feed-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.feed-dt{font-size:11px;color:var(--t5)}

/* footer */
.site-footer{border-top:1px solid var(--line3);background:rgba(0,0,0,.5);margin-top:16px}
.site-footer .wrap{padding:40px 16px}
.foot-grid{display:grid;gap:32px;margin-bottom:32px}
@media(min-width:768px){.foot-grid{grid-template-columns:2fr 1fr}}
.foot-brand .row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.foot-brand .row img{height:36px;width:auto}
.foot-brand .row .name{font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:14px}
.foot-brand p{font-size:12px;color:var(--t3);line-height:1.6;margin:0 0 16px;max-width:32rem}
.foot-social{display:flex;align-items:center;gap:12px}
.foot-social a{padding:8px;border-radius:10px;border:1px solid var(--line3);color:var(--t3);
  display:inline-flex;transition:all .2s}
.foot-social a:hover{background:rgba(255,255,255,.05)}
.foot-col h4{margin:0 0 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--t3)}
.foot-col a{display:block;font-size:12px;color:var(--t3);margin-bottom:6px;transition:color .2s}
.foot-col a:hover{color:var(--orange)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.04);padding-top:24px;display:flex;
  flex-direction:column;gap:12px;align-items:center;justify-content:space-between}
@media(min-width:640px){.foot-bottom{flex-direction:row}}
.foot-bottom p,.foot-bottom a{font-size:11px;color:var(--t4);margin:0}
.foot-bottom a:hover{color:var(--t2)}

/* 404 / empty */
.empty{max-width:560px;margin:0 auto;padding:80px 16px;text-align:center}
.empty img{width:120px;margin:0 auto 24px;opacity:.7}
.empty h1{font-size:26px;font-weight:800;margin:0 0 10px}
.empty p{color:var(--t3);margin:0 0 24px}
.empty .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;
  background:var(--grad);color:#fff;font-size:13px;font-weight:600}

/* ============================================================
   No-player build: hub + article styles ported from the
   enhanced theme. Appended, scoped, no existing rule touched.
   ============================================================ */
/* Artist hub */
.artist-hub{position:relative;margin:0 0 28px;padding:8px 0 26px;border-bottom:1px solid var(--line3)}
.artist-hub-back{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--t3);margin-bottom:20px;transition:color .2s}
.artist-hub-back:hover{color:var(--orange)}
.artist-hub-kicker{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--orange);font-weight:700;margin-bottom:10px}
.artist-hub-name{margin:0;font-size:34px;line-height:1.08;font-weight:800;color:#fff;letter-spacing:-.01em}
@media(min-width:768px){.artist-hub-name{font-size:46px}}
.artist-hub-meta{margin:12px 0 0;font-size:13px;color:var(--t4)}
.artist-hub-desc{margin:14px 0 0;max-width:640px;font-size:15px;line-height:1.7;color:var(--t2)}
/* Charts hub */
.charts-hub-head{margin:8px 0 24px}
.charts-hub-kicker{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--orange);font-weight:700;margin-bottom:10px}
.charts-hub-title{margin:0;font-size:32px;line-height:1.08;font-weight:800;color:#fff;letter-spacing:-.01em}
@media(min-width:768px){.charts-hub-title{font-size:44px}}
.charts-hub-sub{margin:12px 0 0;font-size:14px;color:var(--t3)}
.charts-featured{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 40px}
@media(min-width:640px){.charts-featured{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.charts-featured{grid-template-columns:repeat(3,1fr)}}
.chart-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:border-color .25s,transform .25s}
.chart-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--grad-b)}
.chart-card:hover{transform:translateY(-3px);border-color:rgba(249,115,22,.35)}
.chart-card-src{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.01em}
.chart-card-edition{font-size:13px;line-height:1.5;color:var(--t2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.chart-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.chart-card-dt{font-size:12px;color:var(--t4)}
.chart-card-go{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--orange)}
/* TOP 10 Hall of Fame */
.hall-head{margin:8px 0 26px}
.hall-kicker{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--orange);font-weight:700;margin-bottom:10px}
.hall-title{margin:0;font-size:30px;line-height:1.1;font-weight:800;color:#fff;letter-spacing:-.01em}
@media(min-width:768px){.hall-title{font-size:42px}}
.hall-sub{margin:12px 0 0;font-size:14px;color:var(--t3)}
.hall-search{position:relative;display:flex;align-items:center;max-width:380px;margin:18px 0 0}
.hall-search svg{position:absolute;left:14px;color:var(--t3);pointer-events:none}
.hall-search input{width:100%;padding:11px 14px 11px 40px;border-radius:10px;border:1px solid var(--line2);background:var(--bg2);color:var(--t1);font-size:14px;font-family:inherit}
.hall-search input:focus{outline:none;border-color:rgba(249,115,22,.5)}
.hall-board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hall-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);transition:border-color .2s}
.hall-row:hover{border-color:rgba(249,115,22,.3)}
.hall-rank{font-size:15px;font-weight:800;color:var(--t3);text-align:center;font-variant-numeric:tabular-nums}
.hall-main{min-width:0}
.hall-name{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:8px;overflow-wrap:break-word}
.hall-bar{display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.hall-bar-fill{display:block;height:100%;border-radius:999px;background:var(--grad-b)}
.hall-weeks{font-size:13px;color:var(--t3);white-space:nowrap}
.hall-weeks b{color:#fff;font-size:15px;font-weight:800}
.hall-row.is-top .hall-rank{color:#fff}
.hall-row.is-top-1{border-color:rgba(249,195,60,.45)}
.hall-row.is-top-1 .hall-rank{color:var(--amber,#f9c23c)}
.hall-row.is-top-2 .hall-rank{color:#cfd6dd}
.hall-row.is-top-3 .hall-rank{color:#d8a373}
.hall-empty{color:var(--t3);font-size:14px;padding:18px 4px}
/* Article reading time + share row */
.head-rt{font-size:12px;color:var(--t4);position:relative;padding-left:15px}
.head-rt::before{content:"";position:absolute;left:5px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--t4);transform:translateY(-50%)}
.share-row{display:flex;align-items:center;gap:10px;margin:30px 0 0;flex-wrap:wrap}
.share-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--t4);margin-right:2px}
.share-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--t3);font-size:12px;font-weight:600;font-family:inherit;line-height:1;cursor:pointer;transition:color .2s,border-color .2s,background .2s;text-decoration:none}
.share-btn:hover{color:#fff;border-color:rgba(249,115,22,.35);background:rgba(249,115,22,.05)}
.share-btn svg{display:block}

/* ============================================================
   Sidebar poll widget. Forces the poll's own white background and
   dark text onto the site's dark theme. Scoped to the widget box.
   Containers carrying an inline width (result bars) are left alone
   so vote results keep their fill.
   ============================================================ */
#mp-poll{min-height:520px}
@media(max-width:1023px){#mp-poll{min-height:0}}
.sidebar .box.widget:empty{display:none}
.sidebar .box.widget{background:var(--panel) !important;color:var(--t2) !important}
.sidebar .box.widget div:not([style*="width"]),
.sidebar .box.widget ul,
.sidebar .box.widget ol,
.sidebar .box.widget li:not([style*="width"]),
.sidebar .box.widget p,
.sidebar .box.widget form,
.sidebar .box.widget fieldset,
.sidebar .box.widget table,
.sidebar .box.widget tbody,
.sidebar .box.widget tr,
.sidebar .box.widget td,
.sidebar .box.widget th,
.sidebar .box.widget label,
.sidebar .box.widget span:not([style*="width"]){background-color:transparent !important}
.sidebar .box.widget,
.sidebar .box.widget p,
.sidebar .box.widget li,
.sidebar .box.widget label,
.sidebar .box.widget span,
.sidebar .box.widget td,
.sidebar .box.widget div{color:var(--t2) !important}
.sidebar .box.widget h1,.sidebar .box.widget h2,.sidebar .box.widget h3,.sidebar .box.widget h4,.sidebar .box.widget h5,.sidebar .box.widget strong,.sidebar .box.widget b{color:#fff !important}
.sidebar .box.widget a{color:var(--orange) !important}
.sidebar .box.widget hr{border-color:var(--line) !important}
.sidebar .box.widget input[type=radio],.sidebar .box.widget input[type=checkbox]{accent-color:var(--orange)}
.sidebar .box.widget input[type=text],.sidebar .box.widget input[type=email],.sidebar .box.widget select,.sidebar .box.widget textarea{background:var(--bg2) !important;color:var(--t1) !important;border:1px solid var(--line2) !important;border-radius:8px;padding:8px 10px;font-family:inherit}
.sidebar .box.widget button,.sidebar .box.widget input[type=submit],.sidebar .box.widget input[type=button]{background:var(--orange) !important;color:#0c0e12 !important;border:0 !important;border-radius:8px;padding:9px 16px;font-weight:700;cursor:pointer;font-family:inherit}
.sidebar .box.widget img{border-radius:8px;max-width:100%;height:auto}

/* ============================================================
   Per-category colours and icons (pills, secondary nav, cards)
   ============================================================ */
/* card label badges for the four topical categories */
.badge.edetabel{background:rgba(139,92,246,.2);color:#c4b5fd;border-color:rgba(139,92,246,.3)}
.badge.auhind{background:rgba(234,179,8,.22);color:#fde68a;border-color:rgba(234,179,8,.32)}
.badge.eesti-laul{background:rgba(20,184,166,.2);color:#5eead4;border-color:rgba(20,184,166,.3)}
.badge.eurovisioon{background:rgba(59,130,246,.2);color:#93c5fd;border-color:rgba(59,130,246,.3)}

/* top nav pills: resting icon tint per category, active background per category */
.pill[data-cat="video"] svg{color:#fb7185}
.pill[data-cat="singel"] svg{color:#fdba74}
.pill[data-cat="album"] svg{color:#34d399}
.pill[data-cat="live"] svg{color:#fbbf24}
.pill[data-cat="teade"] svg{color:#94a3b8}
.pill[data-cat="tv"] svg{color:#22d3ee}
.pill[data-cat="raadio"] svg,.pill[data-cat="radio"] svg{color:#a78bfa}
.pill[data-cat="edetabel"] svg{color:#c4b5fd}
.pill.active{background:rgba(255,255,255,.06);color:var(--t1);box-shadow:none}
.pill[data-cat="video"].active{box-shadow:inset 0 0 0 1.5px #fb7185;color:#fda4af}
.pill[data-cat="singel"].active{box-shadow:inset 0 0 0 1.5px #fdba74;color:#fed7aa}
.pill[data-cat="album"].active{box-shadow:inset 0 0 0 1.5px #34d399;color:#6ee7b7}
.pill[data-cat="live"].active{box-shadow:inset 0 0 0 1.5px #fbbf24;color:#fde68a}
.pill[data-cat="teade"].active{box-shadow:inset 0 0 0 1.5px #94a3b8;color:#cbd5e1}
.pill[data-cat="tv"].active{box-shadow:inset 0 0 0 1.5px #22d3ee;color:#a5f3fc}
.pill[data-cat="raadio"].active,.pill[data-cat="radio"].active{box-shadow:inset 0 0 0 1.5px #a78bfa;color:#c4b5fd}
.pill[data-cat="edetabel"].active{box-shadow:inset 0 0 0 1.5px #c4b5fd;color:#ddd6fe}

/* secondary nav: icon sizing and per-category colour */
.subnav a svg,.mobile-links a svg{width:13px;height:13px;vertical-align:-2px;margin-right:5px}
.subnav .mp-cat-edetabel,.mobile-links .mp-cat-edetabel{color:#c4b5fd}
.subnav .mp-cat-auhind,.mobile-links .mp-cat-auhind{color:#fde68a}
.subnav .mp-cat-eesti-laul,.mobile-links .mp-cat-eesti-laul{color:#5eead4}
.subnav .mp-cat-eurovisioon,.mobile-links .mp-cat-eurovisioon{color:#93c5fd}

/* featured chart cards: colour and icon per chart (registry order) */
.chart-card .chart-card-src{display:flex;align-items:center;gap:7px}
.chart-card.chart-mp::before{background:#f97316}
.chart-card.chart-apollo::before{background:#22c55e}
.chart-card.chart-elmari::before{background:#ef4444}
.chart-card.chart-r2::before{background:#3b82f6}
.chart-card.chart-eraadiote::before{background:#8b5cf6}
.chart-card.chart-myhits::before{background:#ec4899}
.chart-card.chart-mp .chart-card-src svg{color:#fb923c}
.chart-card.chart-apollo .chart-card-src svg{color:#34d399}
.chart-card.chart-elmari .chart-card-src svg{color:#f87171}
.chart-card.chart-r2 .chart-card-src svg{color:#60a5fa}
.chart-card.chart-eraadiote .chart-card-src svg{color:#a78bfa}
.chart-card.chart-myhits .chart-card-src svg{color:#f472b6}

/* promoted chart pages on the main secondary row */
.subnav .mp-cat-apollo,.mobile-links .mp-cat-apollo{color:#86efac}
.subnav .mp-cat-mptop,.mobile-links .mp-cat-mptop{color:#fdba74}

/* ============================================================
   TOP 10 ajalugu: view toggle and chart runs (Lugude teekond)
   ============================================================ */
.runs-tabs{display:inline-flex;background:#11151c;border:1px solid #222c39;border-radius:999px;padding:4px;margin-top:14px}
.runs-tab{border:0;background:transparent;color:#8b97a3;font:600 13px Inter,system-ui,sans-serif;padding:8px 18px;border-radius:999px;cursor:pointer}
.runs-tab.on{background:linear-gradient(135deg,#f97316,#ec4899);color:#fff}
.runs-empty{color:var(--t3);font-size:14px;padding:20px 0}
.runs-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.runs-row{background:#11151c;border:1px solid #1e2733;border-radius:16px;overflow:hidden;transition:border-color .2s}
.runs-row.open{border-color:rgba(249,115,22,.45);background:#141922}
.runs-row-main{width:100%;display:flex;align-items:center;gap:16px;padding:14px 18px;cursor:pointer;background:transparent;border:0;text-align:left;color:inherit;font:inherit}
.runs-meta{flex:1;min-width:0}
.runs-title{display:block;font-weight:700;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.runs-artist{display:block;font-size:12.5px;color:#8b97a3;margin-top:2px}
.runs-mid{flex-shrink:0}
.runs-spark{display:block}
.runs-stat{display:flex;align-items:center;gap:8px;font-size:12px;color:#9aa6b2;flex-shrink:0;white-space:nowrap}
.runs-pill{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#222c39;color:#cbd5e1}
.runs-pill.gold{background:rgba(251,191,36,.16);color:#fcd34d}
.runs-exp{display:inline-flex;align-items:center;gap:6px;background:rgba(249,115,22,.12);color:#fdba74;font-weight:700;font-size:12px;padding:7px 12px;border-radius:999px;flex-shrink:0}
.runs-chev{font-size:11px}
.runs-detail{padding:6px 20px 22px}
.runs-detail-stats{display:flex;gap:26px;margin:6px 0 14px}
.runs-detail-stats b{display:block;font-size:24px;font-weight:800;background:linear-gradient(135deg,#f97316,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.runs-detail-stats .g b{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
.runs-detail-stats span{font-size:11px;color:#7c8a97;text-transform:uppercase;letter-spacing:.07em}
.runs-big{width:100%;height:auto}
.runs-rank{flex:0 0 auto;width:26px;text-align:center;font-weight:800;font-size:15px;color:#8b97a3}
.runs-more{display:block;margin:16px auto 0;background:rgba(249,115,22,.12);color:#fdba74;border:0;font-weight:700;font-size:13px;padding:10px 22px;border-radius:999px;cursor:pointer}
.runs-more:hover{background:rgba(249,115,22,.2)}
.runs-more[hidden],.runs-check[hidden]{display:none}
.runs-years{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
.runs-year{border:1px solid #222c39;background:#11151c;color:#9aa6b2;font:600 12px Inter,system-ui,sans-serif;padding:6px 12px;border-radius:999px;cursor:pointer}
.runs-year.on{background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border-color:transparent}
.wk-block{background:#0e1219;border:1px solid #1b2330;border-radius:14px;padding:12px 14px;margin:0 0 10px}
.wk-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid #1b2330}
.wk-head b{color:#fdba74;font-size:13px;letter-spacing:.02em}
.wk-head span{color:#6b7886;font-size:12px;white-space:nowrap}
.wk-list{list-style:none;margin:0;padding:0}
.wk-list li{display:flex;align-items:center;gap:10px;padding:4px 0}
.wk-rank{width:22px;text-align:center;font-weight:800;color:#8b97a3;font-size:13px;flex:none}
.wk-list li:first-child .wk-rank{color:#fbbf24}
.wk-name{color:#d7dee6;font-size:14px;line-height:1.3}
.wk-miss .wk-name{color:#4a5663}
.wk-miss .wk-rank{color:#4a5663}
.runs-pill.live{background:rgba(52,211,153,.16);color:#34d399}
.runs-row.is-cur .runs-end{fill:#34d399}
.runs-check{display:inline-block;border:1px solid #5a3f1a;background:rgba(245,158,11,.1);color:#f59e0b;font:600 12px Inter,system-ui,sans-serif;padding:7px 14px;border-radius:999px;cursor:pointer;margin:8px 0 2px}
.runs-check.on{background:#f59e0b;color:#0a0c10;border-color:transparent}
.runs-big--mob{display:none}
@media(max-width:640px){
	.runs-row-main{flex-wrap:wrap;gap:8px 12px;padding:12px 14px}
	.runs-meta{flex:1 1 auto}
	.runs-stat{flex:0 0 auto}
	.runs-exp{flex:0 0 auto}
	.runs-mid{order:5;flex:1 1 100%;margin-top:2px}
	.runs-mid .runs-spark{width:100%;height:auto}
	.runs-big--desk{display:none}
	.runs-big--mob{display:block}
	.runs-detail{padding:4px 14px 18px}
	.runs-detail-stats{gap:18px;margin:4px 0 12px}
}

/* ---------- MP Jukebox ---------- */
.jb-intro{color:#8b97a3;font-size:14px;margin:6px 0 4px}
.jb-empty{color:#8b97a3;padding:20px 0}
.jb-player{position:sticky;bottom:8px;z-index:40;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#0c0f15;border:1px solid #1e2733;border-radius:14px;padding:10px;margin:14px 0 8px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.jb-video{width:116px;height:66px;flex:none;border-radius:8px;overflow:hidden;background:#000}
.jb-video #jb-video,.jb-video iframe{width:100%;height:100%;border:0;display:block}
.jb-np{flex:1 1 150px;min-width:0}
.jb-np-title{font-weight:700;color:#eef2f6;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-np-artist{color:#9aa6b2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-np-stats{color:#6b7886;font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-controls{display:flex;align-items:center;gap:4px;flex:none}
.jb-ctl{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#cbd5e1;cursor:pointer}
.jb-ctl:hover{background:#18202b}
.jb-ctl-main{width:42px;height:42px;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff}
.jb-ctl-main svg{fill:#fff}
.jb-qpos{color:#6b7886;font-size:11px;min-width:30px;text-align:center}
.jb-np-post{color:#fdba74;font-size:11px;text-decoration:none;white-space:nowrap}
.jb-panel{margin-top:4px}
.jb-wk-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:8px 0}
.jb-wk-head b{color:#fdba74;font-size:13px}
.jb-wk-head span{color:#6b7886;font-size:12px}
.jb-playall{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border:0;font:700 13px Inter,system-ui,sans-serif;padding:9px 16px;border-radius:999px;cursor:pointer;margin:6px 0 10px}
.jb-playall svg{fill:#fff}
.jb-list{display:flex;flex-direction:column;gap:2px}
.jb-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;cursor:pointer}
.jb-row:hover{background:#10151d}
.jb-row.playing{background:rgba(249,115,22,.12)}
.jb-rank{width:22px;text-align:center;font-weight:800;color:#8b97a3;font-size:13px;flex:none}
.jb-meta{flex:1;min-width:0}
.jb-title{display:block;color:#e7edf3;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-artist{display:block;color:#9aa6b2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-stat{display:block;color:#6b7886;font-size:11px}
.jb-go{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:rgba(249,115,22,.14);color:#fdba74;cursor:pointer;display:flex;align-items:center;justify-content:center}
.jb-go:hover{background:rgba(249,115,22,.26)}
.jb-go svg{fill:currentColor}
.jb-open{flex:none;color:#6b7886;font-size:11px;text-decoration:none;padding:6px}
.jb-mute{opacity:.82}
.jb-mute:hover{background:transparent;cursor:default}
.jb-wk{border:1px solid #1b2330;border-radius:12px;margin:0 0 8px;padding:2px 12px}
.jb-wk summary{cursor:pointer;padding:9px 0;color:#cbd5e1;font-size:13px;display:flex;gap:10px;align-items:baseline;list-style:none}
.jb-wk summary::-webkit-details-marker{display:none}
.jb-wk summary b{color:#fdba74}
.jb-wk summary span{color:#6b7886;font-size:12px}
.jb-surprise{display:block;width:100%;max-width:320px;margin:10px auto;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border:0;font:700 15px Inter,system-ui,sans-serif;padding:14px;border-radius:14px;cursor:pointer}
.jb-again{color:#6b7886;font-size:12px;text-align:center;margin-top:10px}
@media(max-width:520px){.jb-controls{flex:1 1 100%;justify-content:space-between;margin-top:4px}.jb-video{width:96px;height:54px}}
.jb-tabs{display:inline-block;white-space:nowrap;max-width:100%;overflow-x:auto;vertical-align:top;-ms-overflow-style:none;scrollbar-width:none}
.jb-tabs::-webkit-scrollbar{display:none}
.jb-tabs .runs-tab{display:inline-flex;flex:none;white-space:nowrap}
.jb-links{display:inline-flex;gap:4px;flex:none;align-items:center}
.jb-yt{color:#fda4af;font-size:11px;text-decoration:none;padding:6px;white-space:nowrap}
.jb-yt:hover{color:#fb7185}
.jb-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:60}
.jb-player.expanded{z-index:65}
.jb-player.expanded .jb-video{position:fixed;left:50%;top:47%;transform:translate(-50%,-50%);width:min(94vw,960px);height:auto;aspect-ratio:16/9;z-index:70;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.jb-player.expanded .jb-video #jb-video,.jb-player.expanded .jb-video iframe{width:100%;height:100%}
.jb-player.expanded #jb-expand{background:linear-gradient(135deg,#f97316,#ec4899);color:#fff}
.jb-actions{display:inline-flex;align-items:center;gap:4px;flex:none}
.jb-sp{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;flex:none}
.jb-sp:hover{background:rgba(29,185,84,.16)}
.jb-np-sp{color:#1DB954;font-size:11px;text-decoration:none;white-space:nowrap}
.jb-build{color:#8b97a3;font-size:12px;margin:8px 0 0}

/* ---------- Otseblogi (live blog) ---------- */
.lb-soon{padding:60px 0;text-align:center}
.lb-soon-text{color:#8b97a3;font-size:15px;margin-top:10px}
.lb-head{margin:8px 0 18px}
.hall-title .lb-badge{font-size:13px;font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:999px;vertical-align:middle;margin-left:10px;display:inline-flex;align-items:center;gap:6px}
.lb-badge--live{background:rgba(239,68,68,.16);color:#f87171}
.lb-badge--prev{background:#1e2733;color:#8b97a3}
.lb-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:lbpulse 1.4s infinite}
@keyframes lbpulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(239,68,68,.5)}50%{opacity:.5;box-shadow:0 0 0 6px rgba(239,68,68,0)}}
.lb-status{color:#8b97a3;font-size:13px;margin:8px 0 0}
.lb-new{position:sticky;top:8px;z-index:30;display:block;margin:6px auto 14px;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border:0;font:700 13px Inter,system-ui,sans-serif;padding:9px 18px;border-radius:999px;cursor:pointer;box-shadow:0 6px 18px rgba(249,115,22,.35)}
.lb-new[hidden]{display:none}
.lb-feed{display:flex;flex-direction:column;gap:12px}
.lb-entry{position:relative;padding:0}
.lb-fresh{animation:lbin .5s ease}
@keyframes lbin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.lb-meta{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin:0 0 4px 4px}
.lb-clock{color:#fb923c;font-size:13px;font-weight:800;white-space:nowrap;line-height:1}
.lb-date{color:#9aa6b2;font-size:11px;font-weight:600}
.lb-ago{color:#6b7886;font-size:11px}
.lb-more{display:block;margin:18px auto 4px;background:var(--panel);color:var(--t1);border:1px solid var(--line3);font:700 13px Inter,system-ui,sans-serif;padding:10px 20px;border-radius:999px;cursor:pointer;transition:background .15s}
.lb-more:hover{background:rgba(255,255,255,.06)}
.lb-more:disabled{opacity:.6;cursor:default}
.lb-entry-title{margin:0 0 6px;font-size:17px;font-weight:800;color:#fff;line-height:1.25}
.lb-body{color:#e2e8f0;font-size:15px;line-height:1.6;background:var(--panel);border:1px solid var(--line3);border-radius:16px;border-top-left-radius:5px;padding:11px 14px;max-width:94%}
.lb-body p{margin:0 0 9px}
.lb-body p:last-child{margin-bottom:0}
.lb-photo{width:100%;height:auto;border-radius:11px;margin:4px 0 8px;border:1px solid #1e2733}
.lb-body a{color:#fdba74;text-decoration:underline;text-underline-offset:2px}
.lb-empty{color:#8b97a3;padding:24px 0}
/* signed-in composer */
.lb-compose{background:var(--panel);border:1px solid var(--line3);border-radius:14px;padding:10px;margin:0 0 16px}
.lb-compose textarea{width:100%;box-sizing:border-box;background:#0c0e12;border:1px solid var(--line3);border-radius:10px;color:var(--t1);font:15px Inter,system-ui,sans-serif;padding:10px 12px;resize:vertical;min-height:46px}
.lb-compose textarea:focus{outline:none;border-color:#f97316}
.lb-compose-row{display:flex;align-items:center;gap:10px;margin-top:8px}
.lb-photo-btn{font-size:13px;font-weight:600;color:var(--t2);background:rgba(255,255,255,.05);border:1px solid var(--line3);border-radius:999px;padding:7px 13px;cursor:pointer}
.lb-photo-btn:hover{color:var(--t1);background:rgba(255,255,255,.09)}
.lb-file-name{font-size:12px;color:#8b97a3;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-send{margin-left:auto;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border:0;font:700 13px Inter,system-ui,sans-serif;padding:9px 20px;border-radius:999px;cursor:pointer}
.lb-send:disabled{opacity:.65;cursor:default}
.lb-compose-msg{margin-top:7px;font-size:12px;color:#8b97a3}
.lb-compose-msg.err{color:#f87171}
/* jump to newest */
.lb-jump{position:fixed;right:16px;bottom:18px;z-index:40;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border:0;font:700 12px Inter,system-ui,sans-serif;padding:10px 16px;border-radius:999px;cursor:pointer;box-shadow:0 6px 18px rgba(249,115,22,.4)}
.lb-jump[hidden]{display:none}
/* per-entry edit/delete (editors) */
.lb-tools{display:flex;gap:14px;margin:5px 0 0 5px}
.lb-tools button{background:none;border:0;color:#6b7886;font-size:12px;font-weight:600;cursor:pointer;padding:2px 0}
.lb-tools .lb-edit:hover{color:#fdba74}
.lb-tools .lb-del:hover{color:#f87171}
.lb-editing{margin-top:2px}
.lb-edit-text{width:100%;box-sizing:border-box;background:#0c0e12;border:1px solid var(--line3);border-radius:10px;color:var(--t1);font:15px Inter,system-ui,sans-serif;padding:9px 11px;resize:vertical;min-height:44px}
.lb-edit-text:focus{outline:none;border-color:#f97316}
.lb-edit-row{display:flex;gap:8px;align-items:center;margin-top:7px}
.lb-save{background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border:0;font:700 12px Inter,system-ui,sans-serif;padding:7px 15px;border-radius:999px;cursor:pointer}
.lb-save:disabled{opacity:.65;cursor:default}
.lb-cancel{background:rgba(255,255,255,.05);color:var(--t2);border:1px solid var(--line3);font:700 12px Inter,system-ui,sans-serif;padding:7px 13px;border-radius:999px;cursor:pointer}
.lb-err{color:#f87171;font-size:12px}

/* ---------- Archive year hover preview (desktop) ---------- */
.yr-pop{position:fixed;z-index:999;width:228px;background:#0c0e12;border:1px solid #2a3543;border-radius:12px;padding:5px;box-shadow:0 16px 40px rgba(0,0,0,.6)}
.yr-pop-item{display:flex;align-items:center;gap:9px;padding:6px;border-radius:8px;color:var(--t1);text-decoration:none;transition:background .15s}
.yr-pop-item:hover{background:rgba(255,255,255,.06)}
.yr-pop-item img{width:46px;height:34px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#0c0e12}
.yr-pop-item span{font-size:12.5px;line-height:1.3;font-weight:600;color:var(--t1)}
.yr-pop-load,.yr-pop-empty{padding:10px;color:var(--t3);font-size:12px;text-align:center}
.yr-pop-part{justify-content:space-between;padding:10px 12px}
.yr-pop-part+.yr-pop-part{border-top:1px solid #1a2330}
.yr-pop-part span:first-child{font-size:14px;font-weight:700;color:#e6edf3}
.yr-pop-arrow{font-size:18px;color:#7d8a98;font-weight:700;line-height:1}

/* ---------- Comments ---------- */
.cmt-count{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin-left:9px;font-size:12px;font-weight:700;color:var(--t3);text-decoration:none;line-height:1}
.cmt-count svg{display:block;opacity:.85}
h1.title .cmt-count{font-size:14px}
a.cmt-count:hover{color:var(--orange)}
.comments-area{margin:34px 0 0;border-top:1px solid var(--line2);padding-top:24px}
.comments-title{font-size:18px;font-weight:800;color:var(--t1);margin:0 0 16px}
.cmt-elsewhere{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 22px;font-size:13px;color:var(--t3)}
.cmt-elsewhere-lbl{color:var(--t4)}
.cmt-soc{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--t2);font-weight:600;text-decoration:none;transition:color .2s,border-color .2s,background .2s}
.cmt-soc:hover{color:#fff;border-color:rgba(249,115,22,.35);background:rgba(249,115,22,.05)}
.cmt-soc svg{display:block}
.commentlist{list-style:none;margin:0 0 26px;padding:0}
.commentlist ol.children{list-style:none;margin:14px 0 0;padding:0 0 0 16px;border-left:1px solid var(--line2)}
.commentlist li.comment{margin:0 0 14px}
.commentlist .comment-body{background:var(--panel);border:1px solid var(--line3);border-radius:12px;padding:13px 16px;position:relative}
.commentlist .comment-author{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--t1)}
.commentlist .comment-author .avatar{border-radius:50%;width:32px;height:32px}
.commentlist .comment-author .says{display:none}
.commentlist .comment-author .fn{font-style:normal}
.commentlist .comment-metadata,.commentlist .comment-meta{margin:3px 0 9px;font-size:12px}
.commentlist .comment-metadata a,.commentlist .comment-meta a{color:var(--t4);text-decoration:none}
.commentlist .comment-content{font-size:14.5px;line-height:1.65;color:var(--t2)}
.commentlist .comment-content p{margin:0 0 8px}
.commentlist .comment-content p:last-child{margin:0}
.commentlist .reply{margin-top:8px}
.commentlist .comment-reply-link{font-size:12px;font-weight:700;color:var(--orange);text-decoration:none}
.commentlist .bypostauthor>.comment-body{border-color:rgba(249,115,22,.4)}
.comment-respond{background:var(--panel);border:1px solid var(--line3);border-radius:14px;padding:18px}
.comment-reply-title{font-size:16px;font-weight:800;color:var(--t1);margin:0 0 6px}
.comment-reply-title small{margin-left:10px;font-weight:600}
.comment-reply-title small a{color:var(--orange)}
.cmt-notes,.comment-notes{font-size:12px;color:var(--t4);margin:0 0 14px}
.comment-form p{margin:0 0 12px}
.comment-form label{display:block;font-size:12px;font-weight:600;color:var(--t3);margin:0 0 5px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;box-sizing:border-box;background:#0c0e12;border:1px solid var(--line3);border-radius:10px;color:var(--t1);font:14px Inter,system-ui,sans-serif;padding:10px 12px}
.comment-form textarea{resize:vertical;min-height:90px}
.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:#f97316}
.comment-form-author,.comment-form-email,.comment-form-url{width:100%}
@media(min-width:560px){.comment-form-author,.comment-form-email{display:inline-block;width:calc(50% - 5px);vertical-align:top}.comment-form-author{margin-right:8px}}
.comment-form .form-submit{margin:2px 0 0}
.comment-form .submit,.comment-form input#submit{background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border:0;font:700 13px Inter,system-ui,sans-serif;padding:11px 24px;border-radius:999px;cursor:pointer}
.comment-form .submit:hover,.comment-form input#submit:hover{opacity:.94}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:8px}
.comment-form-cookies-consent input{width:auto;margin-top:3px;accent-color:var(--orange)}
.comment-form-cookies-consent label{margin:0;font-size:12px;color:var(--t3)}
.comment-respond .logged-in-as{font-size:12px;color:var(--t4)}
.comment-respond .logged-in-as a{color:var(--orange)}
.cmt-closed{color:var(--t3);font-size:14px}
.comment-respond .comment-form-comment label{font-size:12px}

/* ---------- Liikumine (chart movement) ---------- */
.mv{display:inline-flex;align-items:center;justify-content:center;gap:3px;flex:0 0 auto;min-width:44px;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.mv.sm{min-width:0;padding:2px 7px}
.mv-up{background:rgba(52,211,153,.12);color:#34d399}
.mv-dn{background:rgba(244,63,94,.13);color:#fb7185}
.mv-eq{background:rgba(255,255,255,.05);color:var(--t4)}
.mv-new{background:rgba(251,191,36,.15);color:#fbbf24;letter-spacing:.04em}
.liik-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 14px}
.liik-c{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.liik-lbl{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t4);display:flex;align-items:center;gap:7px}
.liik-big{font-size:15px;font-weight:700;color:#fff;margin:9px 0 2px;line-height:1.25}
.liik-meta{font-size:12.5px;color:var(--t3)}
.liik-c .dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.liik-c.up .dot{background:#34d399}.liik-c.dn .dot{background:#fb7185}.liik-c.new .dot{background:#fbbf24}
.liik-c.up .liik-delta{color:#34d399;font-weight:800}.liik-c.dn .liik-delta{color:#fb7185;font-weight:800}
.liik-legend{display:flex;gap:14px;flex-wrap:wrap;margin:4px 2px 16px;font-size:12px;color:var(--t4)}
.liik-legend span{display:inline-flex;align-items:center;gap:6px}
.liik-board{display:flex;flex-direction:column;gap:9px}
.liik-row{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px}
.liik-row.is-top-1{border-color:rgba(249,195,60,.45)}
.liik-pos{flex:0 0 auto;width:26px;text-align:center;font-size:18px;font-weight:800;color:var(--t3);font-variant-numeric:tabular-nums}
.liik-row.is-top-1 .liik-pos{color:#f9c23c}.liik-row.is-top-2 .liik-pos{color:#cfd6dd}.liik-row.is-top-3 .liik-pos{color:#d8a373}
.liik-chip{flex:0 0 auto}
.liik-main{flex:1;min-width:0}
.liik-art{font-weight:700;color:#fff;font-size:14.5px}
.liik-song{color:var(--t2);font-size:14.5px}
.liik-spk{flex:0 0 auto}
.liik-wk{flex:0 0 auto;font-size:12px;color:var(--t4);white-space:nowrap}.liik-wk b{color:#fff;font-size:14px;font-weight:800}
.liik-records{margin:26px 0 0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:6px 18px}
.liik-records h2{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t4);margin:16px 0 4px}
.liik-rec{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.liik-rec:last-child{border-bottom:0}
.liik-rec .l{color:var(--t2)}.liik-rec .l b{color:#fff}
.liik-rec .r{color:var(--orange);font-weight:800;white-space:nowrap}
@media(max-width:620px){.liik-cards{grid-template-columns:1fr}.liik-spk{display:none}}

/* Mobile jump-to-poll button (home only) */
#mp-poll{scroll-margin-top:76px}
.mp-poll-jump{display:none}
@media(max-width:767px){
.mp-poll-jump{display:inline-flex;align-items:center;gap:6px;position:fixed;right:16px;bottom:18px;z-index:45;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;border:0;font:700 13px var(--font);padding:11px 17px;border-radius:999px;cursor:pointer;box-shadow:0 6px 18px rgba(249,115,22,.4);transition:opacity .25s,transform .25s}
.mp-poll-jump.mp-hide{opacity:0;transform:translateY(10px);pointer-events:none}
}

/* Live blog pinned intro (featured image + text, stays above the feed) */
.lb-intro{margin:0 0 22px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.lb-intro-img{display:block;width:100%;height:auto}
.lb-intro-text{padding:16px 18px;color:var(--t2);font-size:15px;line-height:1.65}
.lb-intro-text :first-child{margin-top:0}
.lb-intro-text :last-child{margin-bottom:0}
.lb-intro-text a{color:var(--orange)}
.lb-intro-text h1,.lb-intro-text h2,.lb-intro-text h3{color:#fff}

/* Live blog section label above the feed (v3.19.58) */
.lb-live-label{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:0 0 14px;position:relative;overflow:hidden}
.lb-live-label::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad)}
.lb-live-dot{width:9px;height:9px;border-radius:50%;background:#ef4444;flex:0 0 auto;box-shadow:0 0 0 4px rgba(239,68,68,.14)}
.lb-live-tx{font-size:16px;font-weight:800;letter-spacing:.01em;color:#fff}

/* Live blog video on mobile: a bit smaller, centred, kept 16:9 (v3.19.58) */
@media(max-width:767px){
.lb-body iframe{width:82%;max-width:82%;aspect-ratio:16/9;height:auto;margin:4px auto 8px;display:block;border:0;border-radius:11px}
.lb-body video{max-width:82%;margin-left:auto;margin-right:auto;display:block}
.lb-body .wp-block-embed{max-width:82%;margin-left:auto;margin-right:auto}
.lb-body .wp-block-embed__wrapper{max-width:100%;margin:0}
.lb-body .wp-block-embed__wrapper iframe{width:100%;max-width:100%}
}

/* Live blog audio player: full width, dark, on-brand (v3.19.59) */
.lb-body audio{width:100%;color-scheme:dark;border-radius:11px;margin:4px 0 8px;display:block}
.lb-body .wp-block-audio{margin:4px 0 8px}
.lb-body .wp-block-audio audio{width:100%}
.lb-body .mejs-container,.lb-body .wp-audio-shortcode{width:100%!important;max-width:100%;margin:4px 0 8px}

/* Home page poll skin (3.19.57, width fix 3.19.58, embed 180px 3.19.59, narrow box 3.19.60, box 312px 3.19.61), scoped to #mp-poll, voting state only.
   Frames the Crowdsignal poll in the gradient card from the article mock,
   keeps each song's YouTube embed, makes the vote button a gradient pill.
   Uses !important to beat the sidebar widget normalisation block above.
   No results/feedback styling: results are only shown after the poll closes. */
#mp-poll .box{
  background:linear-gradient(170deg,rgba(249,115,22,.07),rgba(244,63,94,.03)) !important;
  border:1px solid rgba(249,115,22,.28) !important;
  border-radius:var(--radius) !important;
  padding:14px !important;
  max-width:312px !important;
}
#mp-poll .pds-box,#mp-poll .pds-box-outer,#mp-poll .pds-box-inner,#mp-poll .pds-box-top{
  background:none !important;border:0 !important;padding:0 !important;margin:0 !important;box-shadow:none !important;
  width:100% !important;max-width:100% !important;box-sizing:border-box !important;
}
#mp-poll .pds-question{margin:0 0 14px !important}
#mp-poll .pds-question div{color:#fff !important;font:800 13.5px/1.4 var(--font);text-align:left}
#mp-poll .pds-answer-group{margin:0 0 16px !important}
#mp-poll .pds-answer-group:last-child{margin-bottom:0 !important}
#mp-poll .poll__answer-media-public{display:block !important;max-width:100% !important;width:100% !important;max-height:none !important;overflow:visible !important;margin:0 auto 8px !important}
#mp-poll .embed-youtube{display:block !important;width:100% !important;max-width:100% !important;text-align:center !important}
#mp-poll .embed-youtube iframe{width:100% !important;max-width:100% !important;max-height:none !important;aspect-ratio:16/9;height:auto !important;border-radius:10px;display:block;border:0}
#mp-poll .pds-answer-row{display:flex !important;align-items:center;gap:10px;padding:2px 0}
#mp-poll .pds-answer-input{flex:0 0 auto;margin:0}
#mp-poll .pds-checkbox{width:16px;height:16px;accent-color:var(--orange);cursor:pointer}
#mp-poll .pds-input-label{margin:0;cursor:pointer}
#mp-poll .pds-answer-span{color:var(--t1) !important;font:600 13.5px/1.4 var(--font)}
#mp-poll .pds-vote{padding:14px 0 0 !important;text-align:center}
#mp-poll .pds-vote-button{
  display:block !important;width:100% !important;box-sizing:border-box !important;text-align:center !important;
  background:var(--grad) !important;color:#fff !important;border:0 !important;
  border-radius:999px !important;font:700 13px var(--font) !important;
  padding:11px !important;line-height:1.2 !important;text-decoration:none;cursor:pointer;
}
#mp-poll .pds-vote-button:hover{filter:brightness(1.07);background:var(--grad) !important;color:#fff !important}

/* Home info row (3.19.62): popular tags + categories side by side below the article grid */
.mp-info-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
@media(max-width:600px){.mp-info-cols{grid-template-columns:1fr}}

/* ---------- YouTube click-to-play ---------- */
.mp-yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;cursor:pointer;margin:18px 0}
.mp-yt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mp-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.mp-yt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35));pointer-events:none}
.mp-yt.on::after{display:none}
.mp-yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:48px;border:0;border-radius:12px;background:rgba(0,0,0,.65);cursor:pointer;z-index:2;transition:background .2s,transform .2s}
.mp-yt-play::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-42%,-50%);border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}
.mp-yt:hover .mp-yt-play{background:#f43f5e;transform:translate(-50%,-50%) scale(1.06)}

/* ============================================================
   MP TOP 10 vote, built into the theme (3.19.86)
   ============================================================ */
.mpv{border-radius:14px;padding:18px;background:linear-gradient(140deg,rgba(249,115,22,.18),rgba(244,63,94,.12));border:1px solid var(--line2)}
.mpv h3{margin:0 0 3px;font-size:17px;color:#fff}
.mpv-sub{margin:0 0 14px;font-size:12px;color:var(--t3)}
.mpv-player{margin-bottom:14px;border-radius:10px;overflow:hidden;background:#000;aspect-ratio:16/9}
.mpv-player iframe{width:100%;height:100%;border:0;display:block}
.mpv-row{display:grid;grid-template-columns:20px 46px minmax(0,1fr) 26px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.mpv-n{font-size:11px;color:var(--t4);font-weight:800}
.mpv-th{position:relative;height:34px;width:46px;padding:0;border:0;border-radius:6px;overflow:hidden;background:#0b0b0d;cursor:pointer}
.mpv-th img{width:100%;height:100%;object-fit:cover;display:block}
.mpv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent rgba(255,255,255,.9);filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}
.mpv-th:hover .mpv-play{border-left-color:#fff}
.mpv-t{display:block;min-width:0}
.mpv-song{display:block;font-size:13px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpv-artist{display:block;font-size:11px;color:var(--t4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpv-pick{display:flex;align-items:center;justify-content:center;cursor:pointer}
.mpv-pick input{position:absolute;opacity:0;width:0;height:0}
.mpv-box{width:22px;height:22px;border-radius:6px;border:1px solid var(--line2);display:block;transition:background .15s,border-color .15s}
.mpv-pick input:checked + .mpv-box{background:linear-gradient(90deg,#f97316,#f43f5e);border-color:transparent}
.mpv-pick input:focus-visible + .mpv-box{outline:2px solid var(--orange);outline-offset:2px}
.mpv-btn{width:100%;margin-top:14px;padding:12px;border:0;border-radius:10px;background:linear-gradient(90deg,#f97316,#f43f5e);color:#fff;font-weight:800;letter-spacing:.05em;font-size:13px;font-family:inherit;cursor:pointer}
.mpv-btn:disabled{opacity:.6;cursor:default}
.mpv-msg{margin:10px 0 0;font-size:12px;color:#fca5a5}
.mpv-msg.ok{color:#86efac}
.mpv-done .mpv-list{opacity:.55}

/* ═══ Kontserdikalender (3.19.87) ═══ */
.mp-cal-line{border-bottom:1px solid var(--line3);background:rgba(249,115,22,.04)}
.mp-cal-line .wrap{display:flex;align-items:center;gap:9px;min-height:32px;font-size:12.5px;padding-top:2px;padding-bottom:2px}
.mp-cal-line-ico{display:inline-flex;color:var(--orange);flex-shrink:0}
.mp-cal-line-txt{color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-cal-line-txt b{color:#fff;font-weight:700}
.mp-cal-line-go{margin-left:auto;color:var(--orange);font-weight:700;white-space:nowrap;font-size:12px;flex-shrink:0}
@media(max-width:640px){.mp-cal-line-names{display:none}}

.mp-cal-navlink{display:inline-flex;align-items:center;gap:5px}

/* calendar page */
.mp-cal-head h1{display:flex;align-items:center;gap:10px;font-size:24px;margin:22px 0 4px}
.mp-cal-head h1 .bar{display:inline-block;width:5px;height:24px;background:var(--grad);border-radius:3px}
.mp-cal-sub{color:var(--t3);font-size:13px;margin:0 0 18px}
.mp-cal-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.mp-cal-seg{display:inline-flex;background:var(--panel);border:1px solid var(--line2);border-radius:10px;padding:3px;gap:2px}
.mp-cal-seg button{background:transparent;border:0;color:var(--t3);font-size:13px;font-weight:600;padding:7px 15px;border-radius:8px;transition:.15s}
.mp-cal-seg button.on{background:var(--grad);color:#fff}
.mp-cal-mnav{display:inline-flex;align-items:center;gap:10px;margin-left:auto}
.mp-cal-mnav button{background:var(--panel);border:1px solid var(--line2);color:var(--t2);width:34px;height:34px;border-radius:9px;font-size:16px;line-height:1}
.mp-cal-mnav span{font-weight:700;font-size:15px;min-width:140px;text-align:center;text-transform:capitalize}
.mp-cal-gridwrap{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}
.mp-cal-dow,.mp-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.mp-cal-dow div{font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--t4);text-align:center;padding:4px 0 8px}
.mp-cal-day{position:relative;min-height:72px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:7px 8px;font-size:13px;font-weight:600;color:var(--t2);cursor:pointer;transition:.15s;text-align:left}
.mp-cal-day:hover{border-color:var(--line2);background:var(--panel-h)}
.mp-cal-day.off{background:transparent;border-color:transparent;cursor:default}
.mp-cal-day.today .num{background:var(--grad);color:#fff;border-radius:7px;padding:1px 7px;margin-left:-4px}
.mp-cal-day.sel{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.mp-cal-day .dots{position:absolute;left:8px;bottom:8px;display:flex;gap:4px}
.mp-cal-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
.mp-cal-dot.pl{background:#4f8ef7}.mp-cal-dot.pk{background:#34c98e}.mp-cal-dot.tk{background:#b06af9}.mp-cal-dot.mp{background:var(--amber)}
.mp-cal-day .cnt{position:absolute;right:8px;bottom:5px;font-size:10px;color:var(--t4);font-weight:700}
@media(max-width:640px){.mp-cal-day{min-height:52px;padding:5px 6px;font-size:12px}.mp-cal-day .cnt{display:none}.mp-cal-day .dots{left:6px;bottom:5px}}

.mp-cal-listhead{display:flex;align-items:baseline;gap:12px;margin:24px 0 12px}
.mp-cal-listhead h2{font-size:17px;margin:0}
.mp-cal-listhead span{color:var(--t4);font-size:12px}
#mp-cal-list .mp-cal-ev{margin-bottom:9px;padding:12px 14px}
/* calendar page event rows */
#mp-cal-list .mp-cal-ev{display:flex;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;transition:border-color .15s,background .15s}
#mp-cal-list .mp-cal-ev:hover{border-color:var(--line2);background:var(--panel-h)}
#mp-cal-list .mp-cal-ev .dt{flex-shrink:0;width:54px;text-align:center;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;padding:6px 2px}
#mp-cal-list .mp-cal-ev .dt b{display:block;font-size:19px;line-height:1.1;font-weight:800;color:var(--t1)}
#mp-cal-list .mp-cal-ev .dt .mo{display:block;margin-top:2px;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--t4)}
#mp-cal-list .mp-cal-ev .info h3{margin:0 0 2px;font-size:15px;font-weight:700}
#mp-cal-list .mp-cal-ev .info .meta{font-size:12px;color:var(--t3)}
#mp-cal-list .mp-cal-ev .info{flex:1;min-width:0}
.mp-cal-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 8px;border-radius:20px;margin-right:6px;vertical-align:1px}
.mp-cal-badge.b-pl{background:rgba(79,142,247,.15);color:#8ab4ff;border:1px solid rgba(79,142,247,.35)}
.mp-cal-badge.b-pk{background:rgba(34,211,238,.13);color:#7dd8ef;border:1px solid rgba(34,211,238,.35)}
.mp-cal-badge.b-tk{background:rgba(176,106,249,.14);color:#cf9dff;border:1px solid rgba(176,106,249,.35)}
.mp-cal-badge.b-mp{background:rgba(245,158,11,.13);color:#fcd34d;border:1px solid rgba(245,158,11,.35)}
.mp-cal-badge.b-so{background:rgba(244,63,94,.13);color:#fda4af;border:1px solid rgba(244,63,94,.4)}
.mp-cal-badge.b-an{background:rgba(245,158,11,.13);color:#fcd34d;border:1px solid rgba(245,158,11,.35)}
.mp-cal-buy{flex-shrink:0;background:var(--grad);color:#fff;border:0;font-weight:700;font-size:13px;padding:9px 16px;border-radius:9px;white-space:nowrap}
.mp-cal-buy.dis{background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.4);color:#fda4af}
.mp-cal-empty{color:var(--t4);font-size:13px;padding:26px 6px;text-align:center}
.mp-cal-foot{color:var(--t4);font-size:12px;text-align:center;padding:24px 0 10px}
.mp-cal-paused{text-align:center;padding:70px 16px}
.mp-cal-paused p{color:var(--t3)}

/* map view */
.mp-cal-mapwrap{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}
.mp-cal-mapwrap svg{width:100%;height:auto;display:block}
.mp-map-land{fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.14);stroke-width:1.5}
.mp-cal-city{cursor:pointer}
.mp-cal-city circle{fill:var(--orange);opacity:.85;transition:.15s}
.mp-cal-city:hover circle{opacity:1}
.mp-cal-city .halo{fill:var(--orange);opacity:.15}
.mp-cal-city.sel circle{fill:var(--rose)}
.mp-cal-city text{fill:var(--t2);font-size:11px;font-weight:600;paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}
.mp-cal-city:hover text{fill:#fff}
.mp-cal-legend{font-size:12px;color:var(--t3);margin-top:12px}

/* ═══ Photo Gallery (10Web / bwg) lightbox in Muusikaplaneet colours (3.19.88) ═══
   Scoped to the lightbox only. The in-article thumbnail grid is untouched. */
.bwg_container .bwg-lightbox,
#bwg_container1_0 .bwg_lightbox,
.bwg_lightbox_0,
div[id^="spider_popup_wrap"],
.spider_popup_wrap{background:var(--bg) !important}
div[id^="spider_popup_wrap"] .bwg_image_wrap,
.spider_popup_wrap .bwg_image_wrap,
.bwg_image_container,
#bwg_container1_0 .bwg_image_wrap{background:var(--bg) !important}
/* image itself: subtle lift off the dark background */
div[id^="spider_popup_wrap"] .bwg_popup_image,
.spider_popup_wrap .bwg_popup_image{box-shadow:0 8px 40px rgba(0,0,0,.6) !important;border-radius:2px}
/* arrows */
.bwg_ctrl_btn_container .bwg_ctrl_btn,
span.bwg_ctrl_btn,
.bwg-icon-play, .bwg-icon-pause,
.bwg_left, .bwg_right,
i.bwg_ctrl_btn{color:var(--t2) !important;text-shadow:none !important;transition:color .15s}
.bwg_left:hover, .bwg_right:hover,
span.bwg_ctrl_btn:hover,
i.bwg_ctrl_btn:hover{color:var(--orange) !important}
/* bottom bar: filmstrip and toolbar panel */
.bwg_filmstrip_container,
.bwg_filmstrip,
.bwg_toolbar_container,
#bwg_filmstrip_container_0,
.bwg_slideshow_filmstrip_bottom{background:var(--bg2) !important;border-top:1px solid var(--line) !important}
/* current thumbnail in the filmstrip */
.bwg_filmstrip_thumbnail{opacity:.55;transition:opacity .15s}
.bwg_filmstrip_thumbnail:hover{opacity:.85}
.bwg_filmstrip_thumbnail.bwg_thumb_active,
.bwg_filmstrip_thumbnail_active,
.bwg_filmstrip_thumbnail.bwg_filmstrip_thumbnail_active{opacity:1 !important;outline:2px solid var(--orange) !important;outline-offset:-2px;border-color:var(--orange) !important}
/* image counter (25 / 30) */
.bwg_image_count_container,
.bwg_image_count,
.bwg_image_count_separator,
.bwg_images_count{color:var(--orange) !important;font-weight:800 !important;opacity:1 !important}
/* title and description under the photo */
.bwg_image_title,
.bwg_image_description,
.bwg_slide_title,
.bwg_slide_description{color:var(--t2) !important;background:transparent !important;text-shadow:none !important}
/* close button */
.bwg_close_btn,
.bwg-icon-cancel,
span.bwg_close{color:var(--t2) !important;text-shadow:none !important;transition:color .15s}
.bwg_close_btn:hover,
.bwg-icon-cancel:hover,
span.bwg_close:hover{color:var(--orange) !important}

/* ═══ Sidebar calendar card (3.19.89), styled to sit with the poll ═══ */
#mp-cal-side{margin-top:0}
#mp-cal-side .box{
  background:linear-gradient(170deg,rgba(249,115,22,.07),rgba(244,63,94,.03));
  border:1px solid rgba(249,115,22,.28);
  border-radius:var(--radius);
  padding:14px;
  max-width:312px;
  position:relative;
  overflow:hidden;
}
#mp-cal-side h3{margin:0 0 12px;font-size:13.5px;font-weight:800;color:#fff}
.mp-cal-side-list{display:flex;flex-direction:column;gap:8px}
.mp-cal-side-ev{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;padding:9px 10px;transition:border-color .15s,background .15s}
.mp-cal-side-ev:hover{border-color:rgba(249,115,22,.45);background:rgba(255,255,255,.05)}
.mp-cal-side-ev .d{flex-shrink:0;width:40px;margin-top:1px;text-align:center;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:8px;padding:4px 2px}
.mp-cal-side-ev .d b{display:block;font-size:15px;line-height:1.1;font-weight:800;color:var(--t1)}
.mp-cal-side-ev .d .mo{display:block;margin-top:2px;text-decoration:none;font-size:8.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--t4)}
.mp-cal-side-ev .i{min-width:0;flex:1}
/* The name was clipped to a single line, so any long title lost its ending.
   Quoted titles are simply the longest, which is why they looked broken. Two
   lines fit the card without changing its rhythm. */
.mp-cal-side-ev .n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  font-size:12.5px;font-weight:700;color:var(--t1);line-height:1.3;overflow:hidden;white-space:normal}
.mp-cal-side-ev .m{display:block;font-size:10.5px;color:var(--t4);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-cal-side-ev .src{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:1px}
.src-piletilevi{background:#4f8ef7}.src-piletikeskus{background:#34c98e}.src-ticketer{background:#b06af9}.src-mp{background:var(--amber)}
.mp-cal-side-ev .tag{font-style:normal;font-size:9px;font-weight:700;padding:1px 6px;border-radius:20px;margin-left:6px}
.mp-cal-side-ev .tag.so{background:rgba(244,63,94,.15);color:#fda4af}
.mp-cal-side-ev .tag.ann{background:rgba(245,158,11,.15);color:#fcd34d}
.mp-cal-side-ev .tag.free{background:rgba(52,201,142,.15);color:#6fe0b2}


/* free status on the calendar page */
.mp-cal-badge.b-free{background:rgba(52,201,142,.13);color:#6fe0b2;border:1px solid rgba(52,201,142,.35)}
/* free events: green on the left as a pill, green on the right as a marker */
.mp-cal-buy.freemark{background:rgba(52,201,142,.12);color:#6fe0b2;border:1px solid rgba(52,201,142,.4);
  cursor:default;white-space:nowrap}

/* ═══ Calendar search (3.19.93) ═══ */
.mp-cal-search{position:relative;flex:1 1 220px;max-width:340px}
.mp-cal-search input{width:100%;background:var(--panel);border:1px solid var(--line2);border-radius:10px;
  color:var(--t1);font-family:var(--font);font-size:13px;padding:9px 32px 9px 12px;outline:none;transition:border-color .15s}
.mp-cal-search input::placeholder{color:var(--t4)}
.mp-cal-search input:focus{border-color:rgba(249,115,22,.55)}
.mp-cal-search input::-webkit-search-cancel-button{display:none}
.mp-cal-search button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;
  background:transparent;border:0;color:var(--t4);font-size:13px;cursor:pointer;border-radius:6px}
.mp-cal-search button:hover{color:var(--orange);background:rgba(255,255,255,.05)}
@media(max-width:640px){.mp-cal-search{flex:1 1 100%;max-width:none;order:3}}

/* ═══ Map hover preview and sidebar map link (3.19.94) ═══ */
.mp-cal-mapwrap{position:relative}
.mp-cal-tip{position:absolute;z-index:20;width:270px;cursor:pointer;
  background:#17171b;border:1px solid var(--line2);border-radius:11px;padding:11px 12px;
  box-shadow:0 14px 36px rgba(0,0,0,.6)}
.mp-cal-tip h4{margin:0 0 8px;font-size:12.5px;font-weight:800;color:#fff}
.mp-cal-tip .r{display:block;font-size:11.5px;color:var(--t2);padding:4px 0;border-top:1px solid var(--line)}
.mp-cal-tip .dd{display:inline-block;color:var(--orange);font-weight:700;margin-right:6px}
.mp-cal-tip .nn{color:var(--t1)}
.mp-cal-tip .g{font-style:normal;display:inline-block;font-size:9px;font-weight:700;padding:1px 6px;border-radius:20px;
  margin-left:5px;background:rgba(255,255,255,.06);color:var(--t3);border:1px solid var(--line2)}
.mp-cal-tip .g.so{background:rgba(244,63,94,.15);color:#fda4af;border-color:rgba(244,63,94,.35)}
.mp-cal-tip .g.free{background:rgba(52,201,142,.15);color:#6fe0b2;border-color:rgba(52,201,142,.35)}
.mp-cal-tip .more{font-size:10.5px;color:var(--t4);padding-top:5px}
.mp-cal-tip .cta{margin-top:8px;padding-top:7px;border-top:1px solid var(--line);font-size:10.5px;font-weight:700;color:var(--orange)}
.mp-cal-tip:hover{border-color:rgba(249,115,22,.5)}
.mp-cal-tip:hover .cta{filter:brightness(1.15)}
@media(hover:none){.mp-cal-tip{display:none}}

.mp-cal-side-links{display:flex;align-items:center;gap:10px;margin-top:12px}
.mp-cal-side-links a{font-size:12px;font-weight:700;color:var(--orange)}
.mp-cal-side-links a:first-child{flex:1}
.mp-cal-side-links a.map{display:inline-flex;align-items:center;gap:4px;color:var(--t3);
  border:1px solid var(--line2);border-radius:8px;padding:4px 9px;transition:.15s}
.mp-cal-side-links a.map:hover{color:var(--orange);border-color:rgba(249,115,22,.45)}

/* ═══ Mobile order (3.19.95) ═══
   On phones the sidebar (poll and calendar) must come before the tags and
   categories block. The main column is unwrapped with display:contents so
   its children become direct items of .layout and can be ordered. Desktop
   is untouched: this rule only exists below the two-column breakpoint. */
@media(max-width:767px){
  .layout{display:flex;flex-direction:column}
  .mp-main-col{display:contents}
  .mp-main-col>*{order:1}
  .layout>.sidebar{order:2}
  .mp-main-col>.mp-info-cols{order:3;margin-top:0}
}

/* ═══ Images, weekend view, retailer filter, add to calendar (3.20.0) ═══ */
/* event image */
#mp-cal-list .mp-cal-ev .pic{flex-shrink:0;width:64px;height:64px;object-fit:cover;border-radius:9px;
  border:1px solid var(--line);background:var(--bg2)}
@media(max-width:640px){#mp-cal-list .mp-cal-ev .pic{width:48px;height:48px}}

/* actions column: buy button plus add-to-calendar */
#mp-cal-list .mp-cal-ev .acts{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}
.mp-cal-add{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;
  background:rgba(255,255,255,.04);border:1px solid var(--line2);color:var(--t3);transition:.15s;flex-shrink:0}
.mp-cal-add:hover{color:#fff;background:var(--grad);border-color:transparent}
@media(max-width:640px){
  #mp-cal-list .mp-cal-ev .acts{flex-direction:column;gap:6px}
  .mp-cal-add{width:32px;height:32px}
}
.mp-cal-back{color:var(--orange);font-weight:700}
.mp-cal-back:hover{filter:brightness(1.15)}
/* an image that will not load is hidden rather than left as a broken box */
#mp-cal-list .mp-cal-ev .pic.broken{display:none}
/* Fienta source colour */
.mp-cal-badge.b-fi{background:rgba(59,130,246,.13);color:#93c5fd;border:1px solid rgba(59,130,246,.35)}
.mp-cal-badge.b-pp{background:rgba(244,114,182,.13);color:#f9a8d4;border:1px solid rgba(244,114,182,.35)}
.mp-cal-dot.pp{background:#f472b6}
.src-fienta{background:#3b82f6}

/* ═══ Phone layout for the event rows (3.22.1) ═══════════════════════════
   On a phone the row stops being a desktop row. The title takes the full
   width, the venue sits under it, the source pills under that, and the button
   gets a line of its own at thumb size. Desktop is untouched: every rule below
   lives inside the phone breakpoint. */
@media(max-width:640px){
  #mp-cal-list .mp-cal-ev{flex-wrap:wrap;align-items:flex-start;gap:9px 10px;padding:10px 11px;margin-bottom:8px}

  /* the picture and the date box stay small and top-aligned */
  #mp-cal-list .mp-cal-ev .dt{width:44px;padding:5px 2px}
  #mp-cal-list .mp-cal-ev .dt b{font-size:17px}
  #mp-cal-list .mp-cal-ev .pic{width:44px;height:44px}

  /* the title now has the whole width to itself */
  #mp-cal-list .mp-cal-ev .info{flex:1 1 0;min-width:0}
  #mp-cal-list .mp-cal-ev .info h3{font-size:14px;line-height:1.32;letter-spacing:-.1px}

  /* venue and time on their own line, pills beneath, as agreed */
  #mp-cal-list .mp-cal-ev .info .meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 5px;margin-top:3px;font-size:11.5px;line-height:1.4}
  #mp-cal-list .mp-cal-ev .info .meta .pl{order:1;flex:1 1 100%}
  #mp-cal-list .mp-cal-ev .info .meta .mp-cal-badge{order:2;margin-right:0;font-size:9.5px;padding:3px 7px}

  /* the button gets its own full-width line, at a size a thumb can hit */
  #mp-cal-list .mp-cal-ev .acts{flex:1 0 100%;margin-left:0;flex-direction:row;gap:7px;margin-top:-1px}
  #mp-cal-list .mp-cal-ev .acts .mp-cal-buy{flex:1;min-height:44px;padding:10px 12px;font-size:13px;
    display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;line-height:1.2}
  #mp-cal-list .mp-cal-ev .acts .mp-cal-add{width:44px;min-height:44px;height:auto}

  /* the view tabs follow you down the list */
  .mp-cal-seg{position:sticky;top:0;z-index:30;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mp-cal-seg::-webkit-scrollbar{display:none}
  .mp-cal-seg button{flex:0 0 auto;min-height:36px;white-space:nowrap}

  /* nothing may push the page sideways under a thumb */
  .mp-cal{max-width:100%;overflow-x:clip}
}
/* the back arrow at the earliest month: visible, plainly unavailable */
.mp-cal-mnav button.off,.mp-cal-mnav button:disabled{opacity:.28;cursor:default;pointer-events:none}

/* ═══ Articles and events, joined up (3.24.0) ════════════════════════════ */

/* the article link on a calendar row */
.mp-cal-read{display:inline-flex;align-items:center;margin-top:6px;font-size:11.5px;font-weight:600;
  color:var(--orange);text-decoration:none;line-height:1.3}
.mp-cal-read:hover{filter:brightness(1.18);text-decoration:underline}

/* the gig card under an article */
.mp-gigs{margin:32px 0 8px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.mp-gigs h3{margin:0 0 14px;font-size:15px;font-weight:800;letter-spacing:-.2px;padding-left:9px;
  border-left:3px solid var(--orange);line-height:1.2}
.mp-gigs ul{list-style:none;margin:0;padding:0}
.mp-gigs li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.mp-gigs li:first-child{border-top:0;padding-top:0}
.mp-gigs .dt{flex-shrink:0;width:44px;text-align:center;background:var(--bg2);border:1px solid var(--line);
  border-radius:9px;padding:5px 2px}
.mp-gigs .dt b{display:block;font-size:16px;font-weight:800;line-height:1.1;color:var(--t1)}
.mp-gigs .dt i{font-style:normal;display:block;margin-top:1px;font-size:9px;text-transform:uppercase;
  letter-spacing:.6px;color:var(--t4)}
.mp-gigs .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mp-gigs .txt b{font-size:13.5px;font-weight:700;color:var(--t1);line-height:1.3}
.mp-gigs .txt .pl{font-size:11.5px;color:var(--t3)}
.mp-gigs .go{flex-shrink:0;background:var(--grad);color:#fff;font-size:12px;font-weight:700;
  padding:8px 13px;border-radius:8px;text-decoration:none;white-space:nowrap}
.mp-gigs .go:hover{filter:brightness(1.08)}
.mp-gigs .all{display:inline-block;margin-top:14px;font-size:12px;font-weight:700;color:var(--orange);text-decoration:none}
.mp-gigs .all:hover{text-decoration:underline}
@media(max-width:640px){
  .mp-gigs{padding:15px 14px}
  .mp-gigs li{flex-wrap:wrap;gap:10px}
  .mp-gigs .go{flex:1 0 100%;text-align:center;min-height:42px;display:flex;align-items:center;justify-content:center}
}

/* ═══ Statistika (3.25.0) ════════════════════════════════════════════════ */
.mp-stats{max-width:900px;margin:0 auto;padding:8px 0 40px}
.mp-stats-head{margin-bottom:26px}
.mp-stats-head .kicker{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--orange);background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.3);
  padding:4px 10px;border-radius:20px;margin-bottom:12px}
.mp-stats-head .headmeta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px}
.mp-stats-head .jump{font-size:12.5px;font-weight:700;color:var(--orange);text-decoration:none}
.mp-stats-head .jump:hover{text-decoration:underline}
.mp-stats-lead2{color:var(--t2);font-size:13.5px;line-height:1.65;margin:0 0 12px;max-width:640px}
.mp-stats-head h1{font-size:30px;font-weight:800;letter-spacing:-.6px;margin:0 0 8px}
.mp-stats-head .lead{color:var(--t2);font-size:15px;line-height:1.6;max-width:640px;margin:0 0 6px}
.mp-stats-head .asof{color:var(--t4);font-size:12px;margin:0}
.mp-stats h2{font-size:17px;font-weight:800;letter-spacing:-.2px;margin:34px 0 12px;
  padding-left:10px;border-left:3px solid var(--orange)}
.mp-stats h3{font-size:13.5px;font-weight:700;margin:18px 0 8px;color:var(--t1)}

.mp-stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mp-stats-cards .c{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:18px 16px}
.mp-stats-cards .c b{display:block;font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mp-stats-cards .c span{display:block;margin-top:6px;font-size:11.5px;color:var(--t3);line-height:1.35}

.mp-stats-bars{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:16px 18px}
.mp-stats-bars .bar{display:flex;align-items:center;gap:12px;padding:5px 0}
.mp-stats-bars .lbl{flex:0 0 118px;font-size:12px;color:var(--t3)}
.mp-stats-bars .track{flex:1;height:9px;border-radius:5px;background:var(--bg2);overflow:hidden}
.mp-stats-bars .fill{display:block;height:100%;background:var(--grad);border-radius:5px}
.mp-stats-bars .val{flex:0 0 44px;text-align:right;font-size:12px;font-weight:700;color:var(--t1)}

.mp-stats-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mp-stats-table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);
  border-radius:12px;overflow:hidden;font-size:13px}
.mp-stats-table th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  color:var(--t4);padding:10px 14px;background:rgba(255,255,255,.02);border-bottom:1px solid var(--line)}
.mp-stats-table td{padding:9px 14px;border-bottom:1px solid var(--line);color:var(--t2)}
.mp-stats-table tr:last-child td{border-bottom:0}
.mp-stats-table td:first-child{color:var(--t1);font-weight:600}
.mp-stats-table .src{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}
.mp-stats-note{color:var(--t4);font-size:12px;margin:-6px 0 10px}

.mp-stats-dl{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.mp-stats-dl a{display:inline-flex;align-items:center;background:var(--panel);border:1px solid var(--line2);
  color:var(--t2);font-size:12.5px;font-weight:600;padding:9px 14px;border-radius:9px;text-decoration:none;transition:.15s}
.mp-stats-dl a:hover{border-color:var(--orange);color:#fff;background:var(--panel-h)}

.mp-stats-method{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:18px 20px}
.mp-stats-method p{color:var(--t2);font-size:13.5px;line-height:1.65;margin:0 0 10px}
.mp-stats-method .ctx{color:var(--t3);font-size:12.5px;padding:11px 14px;background:rgba(249,115,22,.06);
  border-left:3px solid var(--orange);border-radius:0 8px 8px 0;margin:12px 0}
.mp-stats-method ul{margin:0;padding-left:18px}
.mp-stats-method li{color:var(--t3);font-size:13px;line-height:1.6;margin-bottom:4px}
.mp-stats-foot{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);color:var(--t4);font-size:12.5px}
.mp-stats-foot a{color:var(--orange);text-decoration:none}

@media(max-width:760px){
  .mp-stats-cards{grid-template-columns:1fr 1fr}
  .mp-stats-two{grid-template-columns:1fr;gap:0}
  .mp-stats-head h1{font-size:24px}
  .mp-stats-bars .lbl{flex:0 0 92px;font-size:11px}
}
.mp-stats-dl a.primary{background:var(--grad);border-color:transparent;color:#fff}
.mp-stats-dl a.primary:hover{filter:brightness(1.08);color:#fff}

/* the three layers, each shown with its own strength */
.mp-stats-layers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mp-stats-layers .layer{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:16px 17px;
  display:flex;flex-direction:column}
.mp-stats-layers .layer.strong{border-color:rgba(52,201,142,.35)}
.mp-stats-layers .layer.building{border-color:rgba(249,115,22,.35)}
.mp-stats-layers .layer.empty{border-color:rgba(249,115,22,.22)}
.mp-stats-layers .layer.weak{border-color:var(--line);opacity:.86}
.mp-stats-layers .tag{display:inline-block;align-self:flex-start;font-size:9.5px;font-weight:800;letter-spacing:.9px;
  text-transform:uppercase;padding:3px 8px;border-radius:20px;margin-bottom:9px}
.mp-stats-layers .strong .tag{background:rgba(52,201,142,.13);color:#6fe0b2;border:1px solid rgba(52,201,142,.35)}
.mp-stats-layers .building .tag,.mp-stats-layers .empty .tag{background:rgba(249,115,22,.11);color:#fdba74;border:1px solid rgba(249,115,22,.35)}
.mp-stats-layers .weak .tag{background:rgba(255,255,255,.04);color:var(--t4);border:1px solid var(--line2)}
.mp-stats-layers h3{font-size:14px;font-weight:800;margin:0 0 6px;color:var(--t1)}
.mp-stats-layers p{font-size:12px;color:var(--t3);line-height:1.55;margin:0 0 10px}
.mp-stats-layers .fig{margin:2px 0 10px;font-size:12px;color:var(--t3)}
.mp-stats-layers .fig b{font-size:24px;font-weight:800;color:var(--t1);margin-right:5px;letter-spacing:-.5px}
.mp-stats-layers .fig.none b,.mp-stats-layers .fig.empty b{color:var(--t4)}
.mp-stats-layers .use{margin:auto 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:11.5px;color:var(--t4);line-height:1.5}
.mp-stats-layers .use strong{color:var(--t2)}
/* the one line a skimmer needs, at the weight a skimmer will carry */
.mp-stats-before{margin:12px 0 0;padding:11px 14px;background:rgba(255,255,255,.02);
  border-left:2px solid var(--line2);border-radius:0 8px 8px 0;
  font-size:12px;line-height:1.6;color:var(--t4)}
@media(max-width:760px){.mp-stats-layers{grid-template-columns:1fr}}

/* ═══ sünnipäevad (v3.29) ═══ */
.mp-bday-strip{margin:26px 0 6px}
.mp-bday-strip .mp-bday-more{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--mp-orange,#f97316);text-decoration:none}
.mp-bday-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:12px}
.mp-bday-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;transition:transform .25s,border-color .25s}
.mp-bday-card:hover{transform:translateY(-3px);border-color:rgba(249,115,22,.5)}
.mp-bday-photo{display:block;aspect-ratio:1;position:relative;background:linear-gradient(160deg,#1c1c22,#101014)}
.mp-bday-photo img{width:100%;height:100%;object-fit:cover;display:block}
.mp-bday-mono{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;color:rgba(255,255,255,.10)}
.mp-bday-meta{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}
.mp-bday-name{font-size:14px;font-weight:800;color:#eceef1;text-decoration:none;line-height:1.25}
.mp-bday-name:hover{color:#fff}
.mp-bday-age{font-size:11.5px;font-weight:700;background:linear-gradient(90deg,#f97316,#f43f5e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mp-bday-acts{display:flex;align-items:center;gap:8px;margin-top:5px}
.mp-bday-play{width:28px;height:28px;border-radius:50%;border:0;cursor:pointer;color:#fff;font-size:10px;background:linear-gradient(90deg,#f97316,#f43f5e);box-shadow:0 4px 12px rgba(249,115,22,.35)}
.mp-bday-spot{font-size:11px;font-weight:700;color:#9aa0a9;text-decoration:none;border:1px solid rgba(255,255,255,.14);padding:4px 9px;border-radius:20px}
.mp-bday-spot:hover{color:#fff;border-color:#f97316}
.mp-bday-page .mp-bday-intro{color:#9aa0a9;font-size:14px;margin:6px 0 20px}
.mp-bday-credit{color:#6b7280;font-size:11.5px;margin:22px 0 0}
.mp-bday-credit a{color:#6b7280}
img.mp-bday-tick-thumb{position:static!important;display:inline-block;width:18px;height:18px;border-radius:50%;object-fit:cover;vertical-align:-4px;margin:0 5px 0 1px}
.mp-bday-h3{font-size:17px;font-weight:800;margin:18px 0 4px}
.mp-bday-months{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0 10px}
.mp-bday-months a{font-size:12.5px;font-weight:700;color:#9aa0a9;text-decoration:none;padding:7px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.10)}
.mp-bday-months a.on{color:#fff;background:linear-gradient(90deg,#f97316,#f43f5e);border-color:transparent}
.mp-bday-day{margin:16px 0;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px}
.mp-bday-day.today{border-color:rgba(249,115,22,.55)}
.mp-bday-date{font-size:13px;color:#9aa0a9;margin-bottom:10px}
.mp-bday-date b{color:#eceef1;font-size:15px}
.mp-bday-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.mp-bday-lightbox{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center}
.mp-bday-lightbox[hidden]{display:none!important}
.mp-bday-lb-bg{position:absolute;inset:0;background:rgba(5,5,7,.78);backdrop-filter:blur(4px)}
.mp-bday-lb-frame{position:relative;width:min(860px,92vw);aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}
.mp-bday-lb-frame iframe{width:100%;height:100%;border:0}
.mp-bday-lb-x{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:9px;border:0;cursor:pointer;background:rgba(20,20,24,.8);color:#fff}
@media(max-width:640px){.mp-bday-row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}

/* ═══ kalender: near me + directions (v3.29) ═══ */
.mp-cal-dir{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;
 border:1px solid rgba(255,255,255,.14);color:#9aa0a9;transition:all .2s}
.mp-cal-dir:hover{color:#fff;border-color:#f97316}
#mp-cal-near.on{color:#fff;background:linear-gradient(90deg,#f97316,#f43f5e);border-color:transparent}
.mp-cal-ev .km{margin-left:8px;font-size:11px;font-weight:800;padding:2px 8px;border-radius:12px;
 background:rgba(249,115,22,.14);color:#f97316;white-space:nowrap}

/* ═══ artist hub extras (v3.29) ═══ */
.mp-hub-extras{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;align-items:flex-start}
.mp-hub-photo{position:relative;width:min(300px,100%);aspect-ratio:4/3;border-radius:16px;overflow:hidden;
 background:linear-gradient(160deg,#1c1c22,#101014);border:1px solid rgba(255,255,255,.08)}
.mp-hub-photo img{width:100%;height:100%;object-fit:cover;display:block}
.mp-hub-photo .mp-hub-play{position:absolute;right:12px;bottom:12px;width:44px;height:44px;font-size:14px}
.mp-hub-photo.only-play{display:flex;align-items:center;justify-content:center;aspect-ratio:auto;padding:26px}
.mp-hub-photo.only-play .mp-hub-play{position:static}
.mp-hub-dates{flex:1;min-width:240px}
.mp-hub-dates h3{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#787e88;margin:2px 0 10px}
.mp-hub-date{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:13.5px}
.mp-hub-date b{min-width:56px;color:#f97316}
.mp-hub-date span{flex:1;color:#c9ccd2}
.mp-hub-date a{font-size:12px;font-weight:700;color:#9aa0a9;text-decoration:none;border:1px solid rgba(255,255,255,.14);padding:4px 10px;border-radius:16px}
.mp-hub-date a:hover{color:#fff;border-color:#f97316}
.mp-hub-cal{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:700;color:#f97316;text-decoration:none}
@media(max-width:640px){.mp-hub-photo{width:100%}}

/* ═══ emoji fix (v3.29.2): WordPress turns title emojis into images; keep them
   inline as text-sized characters instead of letting broad image rules grab them */
img.emoji,img.wp-smiley{position:static!important;inset:auto!important;width:1em!important;height:1em!important;
 max-width:1em!important;object-fit:contain!important;display:inline-block!important;vertical-align:-0.1em;
 margin:0 .07em!important;border:0!important;box-shadow:none!important;transform:none!important}
.mp-hub-mono{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:800;color:rgba(255,255,255,.10)}

/* ═══ birthdays v3.29.7: ticker line + imageless cards ═══ */
.mp-bday-line .mp-cal-line-ico{color:#f97316}
.mp-bday-card.noimg{padding:2px 0}
.mp-bday-card.noimg .mp-bday-meta{padding:12px 14px}
.mp-bday-card.noimg .mp-bday-name{font-size:15px}

/* birthdays: unlike the concert line, the names ARE the message, keep them on mobile */
@media(max-width:640px){.mp-bday-line .mp-cal-line-names{display:inline}
.mp-bday-line .mp-cal-line-txt{white-space:normal}}

/* ═══ more from this artist (v3.29.19) ═══ */
.mp-more{margin-top:34px;padding-top:24px;border-top:1px solid var(--line3)}
.mp-more-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.mp-more-head .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--t4)}
.mp-more-all{font-size:13px;font-weight:700;color:var(--mp-orange,#f97316);text-decoration:none}
.mp-more-all:hover{color:#fff}
.mp-more-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mp-more-card{display:block;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius,14px);overflow:hidden;text-decoration:none;transition:transform .25s,border-color .25s}
.mp-more-card:hover{transform:translateY(-3px);border-color:rgba(249,115,22,.5)}
.mp-more-thumb{display:block;aspect-ratio:16/9;overflow:hidden}
.mp-more-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mp-more-title{display:block;padding:10px 12px 2px;font-size:13.5px;font-weight:700;color:#eceef1;line-height:1.35}
.mp-more-date{display:block;padding:0 12px 12px;font-size:11.5px;color:var(--t4,#9aa0a9)}
.mp-more-gigs{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:var(--t4,#9aa0a9)}
.mp-more-gig b{color:#eceef1;margin-right:4px}
.mp-more-cal{font-weight:700;color:var(--mp-orange,#f97316);text-decoration:none}
@media(max-width:640px){.mp-more-row{grid-template-columns:1fr}.mp-more-thumb{aspect-ratio:21/9}}

/* ═══ küsitlused (v3.29.20): article polls in the homepage poll's clothes ═══ */
.mpq{max-width:640px;margin:26px auto}
.mpq .mpq-q{margin-top:16px}
.mpq-question{margin:0 0 8px;font-size:14.5px;font-weight:800;color:#fff}
.mpq-qimg{display:block;width:100%;border-radius:10px;margin:0 0 10px}
.mpq-hint{margin:0 0 4px;font-size:11.5px;color:var(--t4)}
.mpq-row{cursor:pointer;grid-template-columns:26px auto minmax(0,1fr)}
.mpq-row .mpv-pick{order:0}
.mpq-cimg{display:block;width:46px;height:34px;border-radius:6px;overflow:hidden;background:#0b0b0d}
.mpq-cimg img{width:100%;height:100%;object-fit:cover;display:block}
.mpq-dot{border-radius:50%}
.mpq-qlink,.mpq-clink{color:var(--mp-orange,#f97316);text-decoration:none;font-weight:700}
.mpq-qlink:hover,.mpq-clink:hover{color:#fff}

/* ═══ küsitluse tulemused (v3.29.21) ═══ */
.mpqr{max-width:640px;margin:26px auto}
.mpqr-q{margin-top:14px}
.mpqr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;padding:8px 0 10px;border-top:1px solid var(--line)}
.mpqr-t{font-size:13.5px;font-weight:700;color:var(--t1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpqr-val{font-size:13px;font-weight:800;color:#fff;white-space:nowrap}
.mpqr-val i{font-style:normal;font-weight:600;color:var(--t4);font-size:11.5px}
.mpqr-bar{grid-column:1/-1;display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}
.mpqr-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#f97316,#f43f5e);transition:width .6s ease}
.mpqr-row.win .mpqr-t{color:#fff}
.mpqr-row.win .mpqr-bar i{box-shadow:0 0 10px rgba(249,115,22,.55)}
.mpqr-rank{color:var(--mp-orange,#f97316);margin-right:2px}

/* ═══ instant search (v3.29.26) ═══ */
.search-row{position:relative}
.mp-isearch{position:absolute;left:0;right:0;top:100%;z-index:900;margin-top:6px;background:#151519;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.55);max-height:min(430px,60vh);overflow-y:auto}
.mp-is-hit{display:block;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none}
.mp-is-hit:hover,.mp-is-hit.on{background:rgba(249,115,22,.12)}
.mp-is-t{display:block;font-size:13.5px;font-weight:700;color:#eceef1;line-height:1.35}
.mp-is-m{display:block;font-size:11.5px;color:#9aa0a9;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-is-all{display:block;width:100%;padding:11px 14px;border:0;background:none;text-align:left;font-size:12.5px;font-weight:700;color:#f97316;cursor:pointer;font-family:inherit}
.mp-is-all:hover{background:rgba(249,115,22,.12)}
.mp-is-note{padding:12px 14px;font-size:12.5px;color:#9aa0a9}

/* ── Täna ajaloos (3.29.45) ── */
.mp-hist-date{margin:-6px 0 18px;font-size:15px;font-weight:700;color:var(--t1,#f5ede8)}
.mp-hist-box{display:flex;gap:16px;background:var(--panel);border:1px solid var(--line3);border-radius:var(--radius);padding:16px;margin:0 0 14px}
.mp-hist-img{width:150px;height:100px;object-fit:cover;border-radius:8px;flex:none}
.mp-hist-h{margin:0 0 6px;font-size:15px}
.mp-hist-d{margin:0 0 8px;font-size:13px;line-height:1.55;opacity:.8}
.mp-hist-links a{font-size:12.5px;font-weight:700;color:var(--mp-orange,#f97316);text-decoration:none;margin-right:14px}
.mp-hist-empty{opacity:.7}
@media(max-width:560px){.mp-hist-box{flex-direction:column}.mp-hist-img{width:100%;height:150px}}

/* ── Live blog photo galleries (3.29.50) ── */
.lb-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 10px}
.lb-gallery a{display:block;border-radius:8px;overflow:hidden}
.lb-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s}
.lb-gallery a:hover img{transform:scale(1.04)}
@media(max-width:640px){.lb-gallery{grid-template-columns:repeat(2,1fr)}}

/* ── Live blog gallery lightbox (3.29.51) ── */
.lb-lbx{position:fixed;inset:0;z-index:9999;background:rgba(8,5,6,.93);display:flex;align-items:center;justify-content:center}
.lb-lbx[hidden]{display:none}
.lb-lbx-img{max-width:92vw;max-height:84vh;border-radius:8px;box-shadow:0 12px 50px rgba(0,0,0,.6)}
.lb-lbx-x,.lb-lbx-prev,.lb-lbx-next{position:fixed;background:none;border:0;color:#f5ede8;cursor:pointer;line-height:1;padding:12px;opacity:.85}
.lb-lbx-x{top:10px;right:14px;font-size:38px}
.lb-lbx-prev{left:6px;top:50%;transform:translateY(-50%);font-size:52px}
.lb-lbx-next{right:6px;top:50%;transform:translateY(-50%);font-size:52px}
.lb-lbx-x:hover,.lb-lbx-prev:hover,.lb-lbx-next:hover{opacity:1}
.lb-lbx-n{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);color:#e9dcd6;font-size:13px;letter-spacing:.06em}

/* ── Live blog share and scroll polish (3.29.52) ── */
.lb-share{margin-left:auto;background:none;border:0;color:inherit;opacity:.55;cursor:pointer;font-size:13px;padding:2px 4px}
.lb-share:hover{opacity:1}
.lb-meta{display:flex;align-items:center;gap:10px}
.lb-entry.lb-hit{outline:2px solid var(--mp-orange,#f97316);outline-offset:3px;border-radius:8px;transition:outline-color 1s}

/* ── Live blog video entries (3.29.56) ── */
.lb-entry .wp-block-video video{width:100%;border-radius:10px;background:#000}