/*
Theme Name: موج موزیک
Author: Web S
Author URI: https://web-s.ir
Description: قالب اختصاصی موج موزیک با طراحی استاندارد، واکنش‌گرا و کارت‌های پوستری متفاوت.
Version: 3.4-mobile-footer-header-featured-final
Text Domain: mojmusic
*/
:root{
  --bg:#f4fbfb;
  --surface:#ffffff;
  --surface-2:#eefafa;
  --surface-3:#f7fdfe;
  --text:#0d3f49;
  --muted:#55757b;
  --soft-text:#789195;
  --line:#cdebed;
  --line-2:#b7e8ee;
  --accent:#17b8c7;
  --accent-dark:#0b7785;
  --accent-soft:#e8fbfd;
  --sea:#16a9b6;
  --sea-dark:#087b8b;
  --sea-soft:#e9fbfb;
  --sand:#f6fdfe;
  --shadow:0 18px 45px rgba(20,108,113,.08);
  --shadow-hover:0 28px 70px rgba(20,108,113,.14);
  --radius:24px;
  --container:1420px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;font-family:"Vazirmatn",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.9;overflow-x:hidden;font-size:15px}
a{text-decoration:none;color:inherit;transition:.2s ease}
img{display:block;max-width:100%;height:auto}
button,input,textarea,audio{font:inherit}
.container{width:min(var(--container),100%);margin:0 auto;padding:0 22px}
body:before,body:after,.hero:before,.hero:after,.main-layout:before,.main-layout:after,.post-card:before,.post-card:after{display:none!important;content:none!important}

/* Header */
.topbar{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(20,108,113,.04)}
.topbar-inner{min-height:82px;display:flex;align-items:center;gap:20px}
.brand,.mojmusic-logo-lockup{display:flex;align-items:center;gap:24px;min-width:max-content;padding:7px 0}
.moj-logo-mark,.brand-logo{width:52px;height:52px;min-width:52px;border-radius:19px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--sea),#66d7df 48%,var(--accent));box-shadow:0 15px 32px rgba(21,156,147,.22)}
.moj-logo-mark svg,.brand-logo svg{width:32px;height:32px;display:block;fill:currentColor}
.brand-title,.brand-text{font-size:24px;font-weight:850;color:var(--sea-dark);letter-spacing:-.35px;margin-inline-start:4px;white-space:nowrap}
.nav{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
.nav ul{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border-radius:15px;color:var(--sea-dark);font-size:14px;font-weight:760}
.nav a:hover,.nav .current-menu-item>a{background:var(--sea-soft);color:var(--accent-dark)}
.header-search{width:310px;max-width:100%;position:relative;flex:0 0 auto}
.header-search input{width:100%;height:48px;border:1px solid var(--line);outline:0;border-radius:18px;background:#fff;padding:0 48px 0 15px;color:var(--text);box-shadow:0 10px 28px rgba(20,108,113,.045)}
.header-search input:focus{border-color:#9ddbd5;box-shadow:0 0 0 4px rgba(21,156,147,.09)}
.header-search button{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;border-radius:13px;background:var(--accent-soft);color:var(--accent-dark);cursor:pointer;font-weight:900}
.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(20,108,113,.07);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:21px;height:2px;background:var(--sea-dark);border-radius:99px;transition:.2s}
.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-panel{display:none;position:fixed;z-index:998;top:82px;right:16px;left:16px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow-hover)}
.mobile-panel.open{display:block}
.mobile-links ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mobile-links a{display:flex;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);padding:10px 12px;font-weight:800;color:var(--sea-dark)}

/* Global layout */
.main-layout{direction:rtl;display:grid;grid-template-columns:minmax(0,1fr) 286px 268px;grid-template-areas:"content side left";gap:28px;align-items:start;margin-top:28px;margin-bottom:36px}
.content-col{grid-area:content;min-width:0}.side-col{grid-area:side;min-width:0}.left-col{grid-area:left;min-width:0}
.content-stack,.side-stack,.left-stack,.detail-stack{display:flex;flex-direction:column;gap:22px;min-width:0}
.box,.section-box,.pagination,.artist-card,.archive-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.box,.section-box{padding:20px}
.box.flat{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}
.side-col .box,.left-col .box,.side-col .section-box,.left-col .section-box{border-radius:22px;padding:17px;box-shadow:0 14px 36px rgba(20,108,113,.065)}

/* Section titles */
.box-title,.section-box h3,.section-head h1,.section-head h2{display:flex;align-items:center;gap:11px;margin:0;color:var(--text);font-weight:820;letter-spacing:-.25px;line-height:1.65}
.box-title{font-size:16px;margin-bottom:14px}.section-head{margin:0 0 14px}.section-head h1,.section-head h2{font-size:24px}
.ba-section-icon{width:36px;height:36px;min-width:36px;border-radius:14px;display:inline-grid;place-items:center;color:var(--sea-dark);background:var(--sea-soft);border:1px solid #bfe9e5}
.ba-section-icon svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ba-section-icon-play svg path:first-child{fill:currentColor;stroke:none}.ba-section-title-text{display:inline-block;line-height:1.5}

/* Hero */
.hero{padding:25px 28px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}
.hero h1{margin:0 0 7px;font-size:27px;line-height:1.65;font-weight:820;color:var(--text)}
.hero p{margin:0;color:var(--muted);font-size:14.5px;max-width:820px}

/* Side sections */
.cat-list,.artist-list,.weekly-list,.list-10{display:flex;flex-direction:column;gap:10px}
.cat-item,.artist-item,.weekly-item,.list-row{position:relative;display:flex;align-items:center;min-height:44px;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--sea-dark);padding:9px 13px;font-size:13.5px;font-weight:760;line-height:1.65}
.cat-item:before,.artist-item:before,.weekly-item:before,.list-row:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);margin-inline-end:8px;opacity:.75;flex:0 0 auto}
.cat-item:hover,.artist-item:hover,.weekly-item:hover,.list-row:hover{background:var(--sea-soft);border-color:#a8dfda;color:var(--accent-dark);transform:translateY(-1px)}
.artist-scroll{max-height:560px;overflow:auto;padding-left:5px}.artist-scroll::-webkit-scrollbar{width:6px}.artist-scroll::-webkit-scrollbar-thumb{background:#bfe3df;border-radius:999px}
.tag-wrap{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--sea-dark);padding:7px 12px;font-size:13px;font-weight:780}.tag:hover{color:var(--accent-dark);border-color:#8bd9e3;background:var(--accent-soft)}
.bestahang-mobile-popular{display:none}

/* Featured / archive */
.special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.special-card,.archive-card{display:block;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);transition:.24s ease;overflow:hidden}
.special-card:hover,.archive-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#a8dfda}
.special-cover,.archive-cover,.detail-cover,.cover{position:relative;overflow:hidden;background:linear-gradient(135deg,#eefaf8,#eafcfd);border-radius:20px}
.special-cover,.archive-cover{aspect-ratio:1/1}.special-cover img,.archive-cover img,.detail-cover img,.cover img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.cover-hover,.special-overlay{position:absolute;inset:auto 0 0;padding:12px;color:#fff;background:linear-gradient(to top,rgba(18,111,115,.74),rgba(18,111,115,.12),transparent);opacity:0;transition:.24s}.cover:hover .cover-hover,.special-card:hover .special-overlay,.archive-card:hover .cover-hover{opacity:1}.cover-hover-title{font-weight:820;font-size:13px;line-height:1.8}
.archive-grid,.artists-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.archive-body{padding:12px 4px 0}.archive-body h3{font-size:15.5px;margin:0 0 5px;font-weight:800;color:var(--text);line-height:1.8}.archive-body p{margin:0;color:var(--muted);font-size:13px}

/* MojMusic unique poster card */
.posts-grid{display:flex;flex-direction:column;gap:22px}
.post-card.moj-poster-card,.post-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:"body cover";gap:22px;align-items:stretch;padding:18px;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);overflow:hidden;transition:.25s ease}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#a8dfda}
.cover-link,.moj-poster-cover-link{grid-area:cover;display:block;min-width:0;align-self:stretch}.post-card-body,.moj-poster-body{grid-area:body;display:flex;flex-direction:column;min-width:0;padding:2px 0}
.cover,.post-card .cover,.moj-poster-cover{width:100%;height:100%;min-height:220px;aspect-ratio:1/1;border-radius:24px;box-shadow:0 18px 42px rgba(20,108,113,.13)}
.moj-card-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:6px}.moj-card-label{display:inline-flex;align-items:center;border-radius:999px;padding:4px 11px;background:#fff;border:1px solid #b7e8ee;color:var(--accent-dark);font-size:11.5px;font-weight:900}.moj-card-date{color:var(--soft-text);font-size:12.5px;font-weight:700}
.post-title{margin:0 0 8px;font-size:21px;font-weight:780;line-height:1.75;color:var(--text);white-space:normal;overflow-wrap:break-word}.title-link:hover .post-title{color:var(--accent-dark)}
.title-en{order:3;margin:0 0 12px;color:#6c8589;font-size:12.5px;line-height:1.75;text-align:right;direction:ltr;unicode-bidi:plaintext;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:6px 10px;align-self:flex-start;max-width:100%}
.meta,.moj-poster-meta,.detail-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 11px;color:var(--muted);font-size:12.5px}.meta span,.genre-badge,.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--sea-dark);padding:5px 10px;line-height:1.6}.artist-link,.bestahang-style-link,.bestahang-breadcrumb a{color:var(--accent-dark);font-weight:820}
.excerpt{display:block;margin:0 0 15px;color:#4f6e73;font-size:14px;line-height:2;max-width:100%;overflow:visible}.post-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:16px;padding:9px 14px;font-size:12.5px;font-weight:850;line-height:1.55;white-space:nowrap;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary,.comment-form .submit,.pagination .current{background:linear-gradient(135deg,var(--accent),#52cdd8);color:#fff;border-color:transparent}.btn-light{background:#fff;color:var(--accent-dark);border-color:#b7e8ee}.btn-ghost{background:#fff;color:var(--sea-dark);border-color:var(--line)}.btn-ghost:hover,.btn-light:hover{background:var(--sea-soft);border-color:#a8dfda;color:var(--sea-dark)}
.mini-player,.post-card-player{width:100%;margin:auto 0 0;padding:7px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:none;overflow:hidden}.mini-player audio,audio{width:100%;height:42px;display:block}

/* Single/download page */
.detail-top{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:22px;overflow:hidden}.detail-cover{aspect-ratio:1/1;border-radius:26px;box-shadow:0 18px 44px rgba(20,108,113,.12)}.detail-title{margin:0 0 9px;font-size:24px;font-weight:780;line-height:1.85;color:var(--text)}.detail-sub{margin:0 0 14px;color:var(--muted)}.detail-actions{margin-top:3px}.btn-download-large,.btn-play-large,.btn-artist-page{min-height:44px}.section-box h3{font-size:17px;margin:0 0 14px}.artist-bio h1{font-size:24px;font-weight:780;line-height:1.8;margin:0 0 8px}.lyrics-box{background:var(--surface-2);border:1px dashed #bfe4df;border-radius:20px;padding:16px;white-space:pre-line;font-size:14px;line-height:2.35;color:#315a60}.track-item,.comment{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-item{display:flex;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fff;padding:10px 12px;font-weight:780;color:var(--sea-dark)}.related-item:hover{background:var(--sea-soft);border-color:#a8dfda;color:var(--accent-dark)}
.bestahang-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 13px;box-shadow:0 12px 28px rgba(20,108,113,.045);color:var(--muted);font-size:13px}.bestahang-breadcrumb .sep{color:#9eb7ba}

/* Forms */
.comment-form,.contact-form{display:grid;gap:10px;margin-top:10px}.comment-form input,.comment-form textarea,.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:12px 14px;outline:0;background:#fff;color:var(--text)}.comment-form textarea,.contact-form textarea{min-height:120px;resize:vertical}.comment-form input:focus,.comment-form textarea:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:#9ddbd5;box-shadow:0 0 0 4px rgba(21,156,147,.09)}

/* Artist */
.artist-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);transition:.2s}.artist-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#a8dfda}.artist-card h3{margin:0 0 8px;font-size:17px;font-weight:800}.artist-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.artist-stats span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--sea-dark);font-size:12px;font-weight:800}

/* Pagination */
.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:14px}.pagination a,.pagination span{min-width:42px;height:42px;padding:0 12px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--sea-dark);font-weight:850;display:grid;place-items:center}.pagination a:hover{background:var(--sea-soft);border-color:#a8dfda;color:var(--accent-dark)}

/* Footer */
.site-footer,footer{margin-top:42px;background:linear-gradient(135deg,#eaf8f6 0%,#fff7ee 100%);border-top:1px solid var(--line);color:#3c6469}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,1fr));gap:28px;padding-top:34px;padding-bottom:24px}.footer-col{min-width:0}.footer-col h3{margin:0 0 10px;color:var(--sea-dark);font-size:16px;font-weight:830}.footer-col p{margin:0;color:#4f7478;font-size:14px;line-height:2}.footer-col a{display:flex;color:#4f7478;font-size:14px;font-weight:720;padding:4px 0}.footer-col a:hover{color:var(--accent-dark)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;border-top:1px solid rgba(18,111,115,.15);color:#42686d;font-size:14px}.footer-copy{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.copyright-mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--sea-dark);border:1px solid var(--line);font-weight:900}.footer-bottom b,.designer-name{color:var(--accent-dark)}.credit{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px 13px;box-shadow:0 10px 24px rgba(20,108,113,.06)}.credit-label{color:#5f8185}.bestahang-back-top,.back-to-top,.scroll-top,[class*="back-top"]{display:none!important;visibility:hidden!important}

/* Safety */
.content-col,.side-col,.left-col,.post-card-body,.detail-info,.archive-body,.footer-col,.box,.section-box{min-width:0}.post-title,.detail-title,.section-head h1,.section-head h2,.archive-body h3,.artist-card h3,.meta span,.badge,.related-item span,.footer-col p,.footer-col a,.lyrics-box,.section-box p,.title-link,.artist-link,.detail-sub,.excerpt{white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:100%}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:1320px){.main-layout{grid-template-columns:minmax(0,1fr) 264px 248px;gap:22px}.post-card.moj-poster-card,.post-card{grid-template-columns:minmax(0,1fr) 205px;gap:18px}.cover,.post-card .cover,.moj-poster-cover{min-height:205px}.footer-grid{gap:22px}}
@media(max-width:1120px){.main-layout{grid-template-columns:minmax(0,1fr) 270px;grid-template-areas:"content side"}.left-col{display:none}.special-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-grid,.artists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-search{width:260px}.nav a{padding:8px 10px}}
@media(max-width:980px){.container{padding:0 16px}.nav,.topbar .header-search{display:none}.menu-toggle{display:flex}.topbar-inner{min-height:74px;justify-content:space-between}.mobile-panel{top:76px}.main-layout{grid-template-columns:1fr;grid-template-areas:"content" "side" "left";gap:18px;margin-top:20px}.left-col{display:block}.side-stack,.left-stack{gap:15px}.post-card.moj-poster-card,.post-card{grid-template-columns:minmax(0,1fr) 178px;grid-template-areas:"body cover";gap:15px;border-radius:26px}.cover,.post-card .cover,.moj-poster-cover{min-height:178px;border-radius:22px}.post-title{font-size:19px}.detail-top{grid-template-columns:1fr}.detail-cover{width:min(380px,100%);margin:0 auto}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-title,.brand-text{font-size:22px}}
@media(max-width:680px){body{font-size:14px}.topbar-inner{min-height:68px}.mobile-panel{top:70px}.moj-logo-mark,.brand-logo{width:44px;height:44px;min-width:44px;border-radius:16px}.brand-title,.brand-text{font-size:20px}.brand,.mojmusic-logo-lockup{gap:18px}.hero{padding:20px;border-radius:23px}.hero h1{font-size:22px}.section-head h1,.section-head h2{font-size:21px}.special-grid,.archive-grid,.artists-grid,.related-grid{grid-template-columns:1fr}.post-card.moj-poster-card,.post-card{grid-template-columns:1fr;grid-template-areas:"cover" "body";padding:15px;border-radius:25px}.cover,.post-card .cover,.moj-poster-cover{height:auto;min-height:0;aspect-ratio:1/1}.post-actions{display:grid;grid-template-columns:1fr 1fr}.post-actions .btn-ghost{grid-column:1/-1}.detail-title{font-size:21px;font-weight:760}.detail-badges{gap:7px}.footer-grid{grid-template-columns:1fr;gap:18px}.footer-bottom{justify-content:center;text-align:center;flex-direction:column;padding:14px 0}.box,.section-box{padding:16px}}
@media(max-width:430px){.container{padding:0 12px}.post-actions{grid-template-columns:1fr}.post-actions .btn-ghost{grid-column:auto}.btn{width:100%}.post-title{font-size:18px}.meta span,.genre-badge,.badge{font-size:12px}.footer-col a{font-size:13.5px}}


/* MojMusic v1.9 final ocean cleanup */
body{background:linear-gradient(180deg,#f8fefe 0%,#f4fbfb 100%)!important;color:var(--text)}
body:before,body:after,.tag-layout:before,.tag-layout:after,.archive-layout:before,.archive-layout:after,.main-layout:before,.main-layout:after,.content-col:before,.content-col:after,.side-col:before,.side-col:after,.left-col:before,.left-col:after,.box:before,.box:after,.section-box:before,.section-box:after,.post-card:before,.post-card:after{display:none!important;content:none!important;border:0!important;box-shadow:none!important;background:none!important}
.container{width:min(1440px,100%)}
.topbar{background:rgba(255,255,255,.96);border-bottom-color:#cfecef;box-shadow:0 12px 34px rgba(8,123,139,.06)}
.brand,.mojmusic-logo-lockup{gap:14px!important}.brand-title,.brand-text{margin-inline-start:8px;color:#087b8b}.moj-logo-mark,.brand-logo{background:linear-gradient(145deg,#19b8c7,#2ccfc0);box-shadow:0 16px 35px rgba(22,169,182,.20)}
.nav a{color:#0b7785}.nav a:hover,.nav .current-menu-item>a{background:#e8fbfb;color:#0b6f7d}.header-search input{border-color:#cce9ec;background:#fff}.header-search button{background:#19b8c7;color:#fff}
.main-layout{grid-template-columns:minmax(0,1fr) 286px 268px;gap:30px}.box,.section-box,.archive-card,.artist-card{border-color:#cfecef;box-shadow:0 18px 46px rgba(8,123,139,.075)}.side-col .box,.left-col .box,.side-col .section-box,.left-col .section-box{box-shadow:0 14px 34px rgba(8,123,139,.065)}
.ba-section-icon{background:#e8fbfb;color:#087b8b;border-color:#bdecef}.box-title,.section-head h1,.section-head h2{color:#0d3f49}
.cat-item,.artist-item,.weekly-item,.list-row{background:#fff;border-color:#cfecef;color:#0b7785}.cat-item:before,.artist-item:before,.weekly-item:before,.list-row:before{background:#24bfd0}.cat-item:hover,.artist-item:hover,.weekly-item:hover,.list-row:hover{background:#f1fbf8;border-color:#8bd9e3;color:#0b6f7d}
.tag,.badge,.meta span,.genre-badge{background:#fff!important;border-color:#cfecef!important;color:#0b7785!important}.tag:hover,.badge:hover,.meta span:hover,.genre-badge:hover{border-color:#8bd9e3!important;color:#0b6f7d!important;background:#f6fdfe!important}
.hero{background:#fff;border-color:#cfecef;box-shadow:0 18px 46px rgba(8,123,139,.075)}
.post-card.moj-poster-card,.post-card{grid-template-columns:minmax(0,1fr) 220px;gap:26px;padding:18px 18px 18px 22px;border-radius:30px;border-color:#cfecef;box-shadow:0 18px 48px rgba(8,123,139,.075)}
.post-card:hover{border-color:#a9e3e8;box-shadow:0 26px 64px rgba(8,123,139,.13)}.cover,.post-card .cover,.moj-poster-cover{box-shadow:0 18px 42px rgba(8,123,139,.14);background:linear-gradient(135deg,#eafcfc,#fff9f2)}
.moj-card-kicker{margin-bottom:8px}.moj-card-label{background:#fff!important;border-color:#b7e8ee!important;color:#0b6f7d!important}.moj-card-date{color:#6f8b90}.post-title{font-size:22px;font-weight:780;line-height:1.85;color:#0d3f49}.title-link:hover .post-title{color:#0a94a4}
.moj-poster-meta{margin-bottom:10px}.title-en,.moj-english-link{order:initial!important;display:inline-flex!important;align-self:flex-end!important;max-width:100%;margin:2px 0 14px!important;padding:0!important;border:0!important;background:transparent!important;color:#5b7780!important;font-size:13px!important;line-height:1.8!important;text-align:right!important;direction:ltr!important;unicode-bidi:plaintext!important;box-shadow:none!important}.moj-english-link:hover{color:#0a94a4!important;text-decoration:underline;text-underline-offset:5px}.excerpt{margin-bottom:17px;color:#476a72}.post-actions{gap:10px;margin-bottom:14px}.btn{border-radius:15px;padding:9px 15px}.btn-primary{background:linear-gradient(135deg,#14b8c4,#0b8796)!important;color:#fff!important}.btn-light{background:#fff!important;color:#087b8b!important;border-color:#aee6ec!important}.btn-ghost{background:#fff!important;color:#0b6f7d!important;border-color:#b7e8ee!important}.btn-light:hover,.btn-ghost:hover{background:#f4fbfb!important;color:#0a94a4!important;border-color:#93dce4!important}.mini-player,.post-card-player{margin-top:2px!important;background:#f9fdfd;border-color:#d7eef1;border-radius:18px;padding:8px}.post-card-player audio{height:42px}
.detail-title{font-size:25px!important;font-weight:760!important;line-height:1.85}.detail-sub,.player-info strong{color:#0d3f49}.player-section,.detail-top{border-color:#cfecef}.related-item{background:#fff;border-color:#cfecef;color:#0b7785}.related-item:hover{background:#f6fdfe;border-color:#b7e8ee;color:#0b6f7d}
.site-footer,footer{background:linear-gradient(135deg,#eefcfc 0%,#ffffff 48%,#f6fdfe 100%)!important;border-top:1px solid #cfecef;color:#426c73}.footer-grid{gap:30px}.footer-col h3{color:#087b8b}.footer-col a,.footer-col p{color:#4f7178}.footer-col a:hover{color:#0b6f7d}.footer-bottom{border-top:1px solid rgba(8,123,139,.14)}.copyright-mark{background:#fff;color:#087b8b;border-color:#cfecef}.credit{background:#fff;border-color:#cfecef}.designer-name,.footer-bottom b{color:#0b6f7d}
.tag-layout,.archive-layout{overflow:visible!important}.tag-layout .content-col,.archive-layout .content-col{position:relative;z-index:1}.tag-layout .section-head,.archive-layout .section-head{background:#fff;border:1px solid #cfecef;border-radius:24px;padding:17px 20px;box-shadow:0 16px 40px rgba(8,123,139,.065)}.tag-layout .posts-grid,.archive-layout .posts-grid{position:relative;z-index:2}
@media(max-width:1320px){.main-layout{grid-template-columns:minmax(0,1fr) 270px 250px;gap:24px}.post-card.moj-poster-card,.post-card{grid-template-columns:minmax(0,1fr) 205px;gap:20px}}
@media(max-width:1120px){.main-layout{grid-template-columns:minmax(0,1fr) 270px;grid-template-areas:"content side" "content left";gap:22px}.left-col{display:block}.post-card.moj-poster-card,.post-card{grid-template-columns:minmax(0,1fr) 190px}}
@media(max-width:980px){.main-layout{grid-template-columns:1fr;grid-template-areas:"content" "side" "left";gap:18px}.post-card.moj-poster-card,.post-card{grid-template-columns:minmax(0,1fr) 178px;gap:16px}.title-en,.moj-english-link{align-self:flex-start!important;text-align:left!important}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.post-card.moj-poster-card,.post-card{grid-template-columns:1fr;grid-template-areas:"cover" "body";padding:15px}.post-title{font-size:19px}.title-en,.moj-english-link{font-size:12.5px!important;margin-bottom:12px!important}.post-actions{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.detail-title{font-size:21px!important}.brand,.mojmusic-logo-lockup{gap:10px!important}.brand-title,.brand-text{margin-inline-start:4px}}
.category-layout:before,.category-layout:after,.taxonomy-music_category:before,.taxonomy-music_category:after,.tax-music_category .main-layout:before,.tax-music_category .main-layout:after,.tax-artist .main-layout:before,.tax-artist .main-layout:after{display:none!important;content:none!important;border:0!important;background:none!important;box-shadow:none!important}
.category-layout .section-head,.tax-music_category .section-head,.tax-artist .section-head{background:#fff;border:1px solid #cfecef;border-radius:24px;padding:17px 20px;box-shadow:0 16px 40px rgba(8,123,139,.065)}

/* MojMusic v2.0 ocean professional cleanup - no orange, clean columns, responsive buttons */
:root{
  --bg:#f5fbfc!important;
  --surface:#ffffff!important;
  --surface-2:#edf9fb!important;
  --surface-3:#f8fdfe!important;
  --text:#083e48!important;
  --muted:#536f76!important;
  --soft-text:#7f969b!important;
  --line:#c9e9ee!important;
  --line-2:#dceff2!important;
  --accent:#18b8c7!important;
  --accent-dark:#08798a!important;
  --accent-soft:#e6f9fb!important;
  --sea:#19b6c4!important;
  --sea-dark:#086f80!important;
  --sea-soft:#eafafb!important;
  --sand:#f7fcfd!important;
  --shadow:0 18px 48px rgba(6,112,128,.07)!important;
  --shadow-hover:0 28px 70px rgba(6,112,128,.13)!important;
}
body{background:linear-gradient(180deg,#ffffff 0%,#f4fbfc 52%,#f7fcfd 100%)!important;color:var(--text)!important;}
body:before,body:after,.main-layout:before,.main-layout:after,.content-col:before,.content-col:after,.side-col:before,.side-col:after,.left-col:before,.left-col:after,.tag-layout:before,.tag-layout:after,.archive-layout:before,.archive-layout:after,.category-layout:before,.category-layout:after,.tax-music_category .main-layout:before,.tax-music_category .main-layout:after,.tax-artist .main-layout:before,.tax-artist .main-layout:after{display:none!important;content:none!important;background:none!important;border:0!important;box-shadow:none!important;}
.topbar{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #d3edf1!important;box-shadow:0 10px 30px rgba(6,112,128,.055)!important;}
.brand,.mojmusic-logo-lockup{gap:18px!important;}
.brand-title,.brand-text{color:#086f80!important;margin-inline-start:10px!important;}
.moj-logo-mark,.brand-logo{background:linear-gradient(135deg,#0f95aa,#20c5ce)!important;box-shadow:0 15px 34px rgba(15,149,170,.19)!important;}
.nav a{color:#0a7384!important;}
.nav a:hover,.nav .current-menu-item>a{background:#eafafb!important;color:#064e5c!important;}
.header-search input{background:#fff!important;border-color:#c9e9ee!important;color:#083e48!important;}
.header-search button{background:#18b8c7!important;color:#fff!important;}
.main-layout{gap:32px!important;align-items:start!important;}
.box,.section-box,.pagination,.artist-card,.archive-card,.post-card,.detail-top{background:#fff!important;border-color:#c9e9ee!important;box-shadow:0 16px 44px rgba(6,112,128,.065)!important;}
.side-col .box,.left-col .box{padding:18px!important;border-radius:24px!important;background:rgba(255,255,255,.94)!important;}
.ba-section-icon{background:#e6f9fb!important;color:#08798a!important;border-color:#b9e7ec!important;}
.box-title,.section-box h3,.section-head h1,.section-head h2,.post-title,.detail-title{color:#083e48!important;}
/* side columns: no dots, no button-like borders */
.cat-list,.artist-list,.weekly-list,.list-10{gap:4px!important;}
.cat-item,.artist-item,.weekly-item,.list-row{background:transparent!important;border:0!important;border-bottom:1px solid #e1f1f4!important;border-radius:0!important;box-shadow:none!important;min-height:38px!important;padding:8px 2px!important;color:#0a7384!important;font-size:13.5px!important;font-weight:720!important;line-height:1.85!important;display:flex!important;align-items:center!important;}
.cat-item:before,.artist-item:before,.weekly-item:before,.list-row:before{display:none!important;content:none!important;width:0!important;height:0!important;margin:0!important;}
.cat-item:hover,.artist-item:hover,.weekly-item:hover,.list-row:hover{background:#f3fbfc!important;border-color:#d2edf1!important;color:#064e5c!important;transform:none!important;padding-inline-start:8px!important;}
.artist-scroll{max-height:560px!important;}
/* cards */
.post-card.moj-poster-card,.post-card{grid-template-columns:minmax(0,1fr) 220px!important;gap:28px!important;padding:20px!important;border-radius:30px!important;border-color:#c9e9ee!important;box-shadow:0 18px 50px rgba(6,112,128,.07)!important;}
.post-card:hover{border-color:#9fe0e7!important;box-shadow:0 28px 72px rgba(6,112,128,.13)!important;}
.cover,.post-card .cover,.moj-poster-cover,.special-cover,.archive-cover,.detail-cover{background:linear-gradient(135deg,#eefbfc,#f9fdfe)!important;box-shadow:0 18px 42px rgba(6,112,128,.12)!important;}
.moj-card-kicker{order:1!important;margin-bottom:6px!important;gap:10px!important;}
.moj-card-label,.ba-badge-type{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #b9e7ec!important;background:#f7fdfe!important;color:#08798a!important;border-radius:999px!important;padding:5px 12px!important;font-size:12px!important;font-weight:800!important;line-height:1.5!important;box-shadow:none!important;}
.moj-card-label:hover,.ba-badge-type:hover{background:#e6f9fb!important;color:#064e5c!important;border-color:#8fdce5!important;}
.moj-card-date{color:#6e878d!important;font-size:12.5px!important;}
.title-link{order:2!important;display:block!important;}
.post-title{font-size:22px!important;font-weight:760!important;line-height:1.85!important;margin:0 0 8px!important;}
.title-link:hover .post-title{color:#08798a!important;}
.moj-poster-meta,.meta{order:3!important;gap:8px!important;margin:0 0 10px!important;}
.meta span,.genre-badge,.badge{background:#fff!important;border:1px solid #c9e9ee!important;color:#0a7384!important;box-shadow:none!important;}
.meta span:hover,.genre-badge:hover,.badge:hover{background:#f3fbfc!important;color:#064e5c!important;border-color:#9fe0e7!important;}
.title-en,.moj-english-link{order:4!important;display:block!important;width:100%!important;align-self:stretch!important;margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#5f7880!important;font-size:13.2px!important;line-height:1.8!important;text-align:left!important;direction:ltr!important;unicode-bidi:plaintext!important;}
.moj-english-link:hover{color:#08798a!important;text-decoration:underline!important;text-underline-offset:5px!important;}
.excerpt{order:5!important;margin:0 0 17px!important;color:#486a72!important;}
.post-actions{order:6!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:0 0 15px!important;}
.mini-player,.post-card-player{order:7!important;margin-top:0!important;background:#f8fdfe!important;border:1px solid #d6edf1!important;border-radius:18px!important;padding:8px!important;}
.btn,.comment-form .submit,.form-submit .submit,.track-actions .btn{min-height:42px!important;border-radius:15px!important;padding:9px 15px!important;line-height:1.55!important;white-space:normal!important;text-align:center!important;}
.btn-primary,.comment-form .submit,.form-submit .submit,.pagination .current{background:linear-gradient(135deg,#0f9aad,#18b8c7)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(15,154,173,.18)!important;}
.btn-light{background:#fff!important;color:#08798a!important;border-color:#9fe0e7!important;}
.btn-ghost{background:#fff!important;color:#536f76!important;border-color:#c9e9ee!important;}
.btn:hover,.comment-form .submit:hover,.form-submit .submit:hover{transform:translateY(-1px)!important;filter:none!important;}
.btn-light:hover,.btn-ghost:hover{background:#eafafb!important;color:#064e5c!important;border-color:#8fdce5!important;}
/* related/similar - separate structure */
.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
.related-item{display:flex!important;align-items:center!important;min-height:54px!important;background:#f8fdfe!important;border:1px solid #c9e9ee!important;border-radius:18px!important;color:#0a7384!important;padding:12px 14px!important;box-shadow:none!important;font-weight:760!important;line-height:1.8!important;}
.related-item:before{content:"";width:8px;height:8px;border-radius:50%;background:#18b8c7;margin-inline-end:9px;flex:0 0 auto;opacity:.9;}
.related-item:hover{background:#eafafb!important;border-color:#8fdce5!important;color:#064e5c!important;transform:translateY(-1px)!important;}
/* tag/category archives stay normal */
.tag-layout,.archive-layout,.category-layout{overflow:visible!important;}
.tag-layout .section-head,.archive-layout .section-head,.category-layout .section-head,.tax-music_category .section-head,.tax-artist .section-head{background:#fff!important;border:1px solid #c9e9ee!important;border-radius:24px!important;padding:17px 20px!important;box-shadow:0 16px 40px rgba(6,112,128,.06)!important;}
.tag-wrap{gap:9px!important;}
.tag{background:#f8fdfe!important;border:1px solid #c9e9ee!important;color:#0a7384!important;border-radius:999px!important;box-shadow:none!important;}
.tag:hover{background:#eafafb!important;border-color:#8fdce5!important;color:#064e5c!important;}
/* footer */
.site-footer,footer{background:linear-gradient(135deg,#edf9fb 0%,#ffffff 56%,#f7fcfd 100%)!important;border-top:1px solid #c9e9ee!important;color:#476a72!important;}
.footer-col h3{color:#086f80!important;}
.footer-col a,.footer-col p{color:#536f76!important;}
.footer-col a:hover{color:#08798a!important;}
.footer-bottom{border-top:1px solid rgba(8,121,138,.15)!important;}
.copyright-mark{background:#fff!important;color:#08798a!important;border-color:#c9e9ee!important;}
.credit{background:#fff!important;border-color:#c9e9ee!important;color:#536f76!important;}
.designer-name,.footer-bottom b{color:#08798a!important;}
.player-info strong{display:block!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;color:#083e48!important;box-shadow:none!important;}
.comment-form{grid-template-columns:1fr!important;}
.comment-form input,.comment-form textarea{max-width:100%!important;}
.comment-form .submit,.form-submit .submit{width:auto!important;max-width:100%!important;cursor:pointer!important;}
@media(max-width:1320px){.main-layout{gap:26px!important}.post-card.moj-poster-card,.post-card{gap:22px!important;grid-template-columns:minmax(0,1fr) 205px!important}}
@media(max-width:1120px){.main-layout{grid-template-columns:minmax(0,1fr) 270px!important;grid-template-areas:"content side" "content left"!important;gap:22px!important}.left-col{display:block!important}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){.container{padding:0 16px!important}.main-layout{grid-template-columns:1fr!important;grid-template-areas:"content" "side" "left"!important;gap:18px!important}.post-card.moj-poster-card,.post-card{grid-template-columns:minmax(0,1fr) 178px!important;gap:17px!important}.post-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.btn{width:100%!important}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.post-card.moj-poster-card,.post-card{grid-template-columns:1fr!important;grid-template-areas:"cover" "body"!important;padding:15px!important}.cover,.post-card .cover,.moj-poster-cover{height:auto!important;min-height:0!important;aspect-ratio:1/1!important}.post-title{font-size:19px!important}.post-actions,.detail-actions{grid-template-columns:1fr!important;display:grid!important}.btn,.comment-form .submit,.form-submit .submit{width:100%!important}.related-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr!important}.footer-bottom{flex-direction:column!important;text-align:center!important;justify-content:center!important}}
@media(max-width:430px){.container{padding:0 12px!important}.title-en,.moj-english-link{font-size:12.5px!important}.post-title{font-size:18px!important}.box,.section-box{padding:15px!important}}

/* MojMusic v2.0 related cards with thumbnails */
.moj-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
.moj-related-card{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-height:84px!important;padding:10px!important;background:#f8fdfe!important;border:1px solid #c9e9ee!important;border-radius:20px!important;color:#0a7384!important;}
.moj-related-card:before{display:none!important;content:none!important;}
.related-thumb{display:block!important;width:64px!important;height:64px!important;border-radius:16px!important;overflow:hidden!important;background:#eafafb!important;}
.related-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;}
.related-text{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;}
.related-text b{font-size:13px!important;line-height:1.75!important;color:#083e48!important;font-weight:760!important;display:block!important;}
.related-text em{font-style:normal!important;font-size:11.5px!important;color:#7f969b!important;}
.moj-related-card:hover{background:#eafafb!important;border-color:#8fdce5!important;transform:translateY(-1px)!important;}
@media(max-width:980px){.moj-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.moj-related-grid{grid-template-columns:1fr!important}.moj-related-card{grid-template-columns:58px minmax(0,1fr)!important}.related-thumb{width:58px!important;height:58px!important}}


/* MojMusic v2.1 - color sync, clean columns, white tags, tidy related cards */
:root{
  --bg:#f6fcfd!important;
  --surface:#ffffff!important;
  --text:#083e48!important;
  --muted:#536f76!important;
  --column-text:#434b4c!important;
  --line:#c9e9ee!important;
  --line-2:#dceff2!important;
  --accent:#18b8c7!important;
  --accent-dark:#08798a!important;
  --accent-soft:#e6f9fb!important;
  --shadow:0 18px 50px rgba(6,112,128,.07)!important;
  --shadow-hover:0 28px 72px rgba(6,112,128,.13)!important;
}
html body{background:linear-gradient(180deg,#fff 0%,#f6fcfd 50%,#f9fefe 100%)!important;color:var(--text)!important;}
/* keep the post card color/style and mirror it on inner/detail pages */
.post-card.moj-poster-card,.post-card,.single-song .detail-top,.single-album .detail-top,.section-box,.box,.pagination{
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important;
}
.post-card.moj-poster-card,.post-card,.single-song .detail-top,.single-album .detail-top{border-radius:30px!important;}
.single-song .detail-top,.single-album .detail-top{gap:28px!important;padding:20px!important;align-items:center!important;}
.single-song .detail-cover,.single-album .detail-cover{border-radius:24px!important;background:#f8fdfe!important;box-shadow:0 18px 42px rgba(6,112,128,.12)!important;}
.single-song .detail-title,.single-album .detail-title{font-size:23px!important;font-weight:760!important;line-height:1.85!important;color:#083e48!important;margin-bottom:12px!important;}
.single-song .detail-info,.single-album .detail-info{min-width:0!important;}
/* all small tag/badge buttons should be white inside, not filled */
.tag,.badge,.genre-badge,.meta span,.moj-card-label,.ba-badge-type,.ba-badge-style,.ba-badge-quality,.ba-badge-date{
  background:#fff!important;
  color:#08798a!important;
  border:1px solid #c9e9ee!important;
  box-shadow:none!important;
}
.tag:hover,.badge:hover,.genre-badge:hover,.meta span:hover,.moj-card-label:hover,.ba-badge-type:hover,.ba-badge-style:hover{
  background:#eafafb!important;
  color:#064e5c!important;
  border-color:#8fdce5!important;
}
.detail-badges{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;}
.detail-badges a,.detail-badges span{min-height:32px!important;line-height:1.5!important;}
/* side/left columns: plain professional list, no dots, no pill/button frame */
.side-col .box,.left-col .box{background:#fff!important;border-color:#c9e9ee!important;border-radius:24px!important;box-shadow:0 14px 38px rgba(6,112,128,.055)!important;}
.side-col .cat-list,.side-col .artist-list,.side-col .weekly-list,.side-col .list-10,.left-col .cat-list,.left-col .artist-list,.left-col .weekly-list,.left-col .list-10{gap:0!important;}
.side-col .cat-item,.side-col .artist-item,.side-col .weekly-item,.side-col .list-row,.left-col .cat-item,.left-col .artist-item,.left-col .weekly-item,.left-col .list-row{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #e6f2f4!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#434b4c!important;
  min-height:36px!important;
  padding:8px 0!important;
  font-size:13.5px!important;
  font-weight:700!important;
  line-height:1.85!important;
  transform:none!important;
}
.side-col .cat-item span,.side-col .artist-item span,.side-col .weekly-item span,.side-col .list-row span,.left-col .cat-item span,.left-col .artist-item span,.left-col .weekly-item span,.left-col .list-row span{color:#434b4c!important;}
.side-col .cat-item:before,.side-col .cat-item:after,.side-col .artist-item:before,.side-col .artist-item:after,.side-col .weekly-item:before,.side-col .weekly-item:after,.side-col .list-row:before,.side-col .list-row:after,.left-col .cat-item:before,.left-col .cat-item:after,.left-col .artist-item:before,.left-col .artist-item:after,.left-col .weekly-item:before,.left-col .weekly-item:after,.left-col .list-row:before,.left-col .list-row:after{
  display:none!important;content:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;
}
.side-col .cat-item:hover,.side-col .artist-item:hover,.side-col .weekly-item:hover,.side-col .list-row:hover,.left-col .cat-item:hover,.left-col .artist-item:hover,.left-col .weekly-item:hover,.left-col .list-row:hover{
  background:#f4fbfc!important;
  color:#08798a!important;
  padding-inline-start:8px!important;
}
.side-col .cat-item:hover span,.side-col .artist-item:hover span,.side-col .weekly-item:hover span,.side-col .list-row:hover span,.left-col .cat-item:hover span,.left-col .artist-item:hover span,.left-col .weekly-item:hover span,.left-col .list-row:hover span{color:#08798a!important;}
.list-row:empty,.cat-item:empty,.artist-item:empty,.weekly-item:empty,.list-row span:empty{display:none!important;}
/* Related/similar works: tidy card with cover + title + artist/type */
.related-grid.moj-related-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.moj-related-card{
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-height:96px!important;
  padding:10px!important;
  background:#fff!important;
  border:1px solid #c9e9ee!important;
  border-radius:20px!important;
  box-shadow:0 10px 28px rgba(6,112,128,.045)!important;
  color:#083e48!important;
  overflow:hidden!important;
}
.moj-related-card:before,.moj-related-card:after{display:none!important;content:none!important;}
.related-thumb{width:74px!important;height:74px!important;border-radius:17px!important;overflow:hidden!important;background:#eafafb!important;display:block!important;}
.related-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;display:block!important;}
.related-text{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;}
.related-text b{font-size:13.5px!important;font-weight:760!important;line-height:1.75!important;color:#083e48!important;display:block!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.related-text em{font-style:normal!important;font-size:12px!important;color:#536f76!important;line-height:1.7!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.related-text small{font-size:11.5px!important;color:#08798a!important;background:#eafafb!important;border:1px solid #c9e9ee!important;border-radius:999px!important;padding:1px 9px!important;align-self:flex-start!important;line-height:1.6!important;}
.moj-related-card:hover{background:#f8fdfe!important;border-color:#8fdce5!important;transform:translateY(-1px)!important;box-shadow:0 16px 36px rgba(6,112,128,.08)!important;}
/* keep archive/tag pages stable and inheriting same post colors */
.tag-layout .post-card,.archive-layout .post-card,.category-layout .post-card,.tax-music_category .post-card,.tax-artist .post-card{background:#fff!important;border-color:#c9e9ee!important;box-shadow:var(--shadow)!important;}
.tag-layout .section-head,.archive-layout .section-head,.category-layout .section-head,.tax-music_category .section-head,.tax-artist .section-head{background:#fff!important;border-color:#c9e9ee!important;box-shadow:0 16px 40px rgba(6,112,128,.06)!important;}
/* responsive buttons and badges */
.btn,.comment-form .submit,.form-submit .submit{border-radius:15px!important;min-height:42px!important;white-space:normal!important;line-height:1.55!important;}
.detail-actions,.post-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;}
@media(max-width:980px){
  .single-song .detail-top,.single-album .detail-top{grid-template-columns:1fr!important;}
  .single-song .detail-cover,.single-album .detail-cover{width:min(380px,100%)!important;margin:0 auto!important;}
  .related-grid.moj-related-grid{grid-template-columns:1fr!important;}
  .detail-actions,.post-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .detail-actions .btn,.post-actions .btn{width:100%!important;}
}
@media(max-width:560px){
  .single-song .detail-top,.single-album .detail-top,.post-card.moj-poster-card,.post-card{padding:15px!important;border-radius:24px!important;}
  .single-song .detail-title,.single-album .detail-title{font-size:20px!important;}
  .detail-actions,.post-actions{grid-template-columns:1fr!important;}
  .moj-related-card{grid-template-columns:62px minmax(0,1fr)!important;min-height:82px!important;}
  .related-thumb{width:62px!important;height:62px!important;border-radius:15px!important;}
}


/* MojMusic v2.2 - preserve card colors, compact detail top, warmer accents */
:root{
  --moj-teal:#0b9fb0!important;
  --moj-teal-2:#18b8c7!important;
  --moj-teal-dark:#083e48!important;
  --moj-soft:#f6fcfd!important;
  --moj-soft-2:#effbfc!important;
  --moj-border:#bfeff2!important;
  --moj-border-2:#c9e9ee!important;
  --moj-orange:#ff8b4a!important;
  --moj-orange-soft:#fff4ee!important;
  --moj-label:#e84d5b!important;
  --moj-label-soft:#fff7f8!important;
  --moj-text:#434b4c!important;
}
html body{background:linear-gradient(180deg,#ffffff 0%,#f7fdfe 45%,#fffaf6 100%)!important;color:#083e48!important;}
/* Keep the exact main post card feeling from the approved screenshot */
.post-card.moj-poster-card,.post-card{
  background:#fff!important;
  border-color:#bfeff2!important;
  box-shadow:0 18px 50px rgba(6,112,128,.07)!important;
}
.post-card:hover{border-color:#8fdce5!important;box-shadow:0 26px 72px rgba(6,112,128,.12)!important;}
.post-title{color:#0b9fb0!important;font-size:21px!important;font-weight:780!important;line-height:1.75!important;}
.title-link:hover .post-title{color:#08798a!important;}
.moj-card-label,.ba-badge-type{
  background:#fff!important;
  color:#e84d5b!important;
  border-color:#e84d5b!important;
  box-shadow:none!important;
}
.moj-card-label:hover,.ba-badge-type:hover{background:#fff7f8!important;color:#d63b4b!important;border-color:#d63b4b!important;}
.moj-card-date{color:#6f8990!important;}
.meta span,.genre-badge,.badge,.tag{background:#fff!important;color:#08798a!important;border-color:#bfeff2!important;}
.btn-primary,.comment-form .submit,.form-submit .submit,.pagination .current{
  background:linear-gradient(135deg,#0b9fb0,#18b8c7)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.btn-light,.btn-play-large{background:#fff!important;color:#08798a!important;border-color:#bfeff2!important;}
.btn-light:hover,.btn-play-large:hover{background:#effbfc!important;border-color:#8fdce5!important;color:#083e48!important;}
.btn-ghost{background:#fff!important;color:#ff8b4a!important;border-color:#ffc3a3!important;}
.btn-ghost:hover{background:#fff4ee!important;color:#d96627!important;border-color:#ffad7f!important;}
/* English line: plain, full, clickable, separated from player */
.title-en,.moj-english-link{
  display:inline-block!important;
  order:initial!important;
  direction:ltr!important;
  unicode-bidi:plaintext!important;
  text-align:right!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:2px 0 14px!important;
  color:#536f76!important;
  font-size:13px!important;
  line-height:1.85!important;
  max-width:100%!important;
}
.title-en:hover,.moj-english-link:hover{color:#0b9fb0!important;}
/* Detail/download page follows the post-card colors but is more compact */
.single-song .detail-top,.single-album .detail-top{
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:center!important;
  padding:18px!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#fff 0%,#ffffff 68%,#fff8f3 100%)!important;
  border:1px solid #bfeff2!important;
  box-shadow:0 18px 50px rgba(6,112,128,.07)!important;
}
.single-song .detail-cover,.single-album .detail-cover{
  width:100%!important;
  max-width:250px!important;
  border-radius:24px!important;
  background:#effbfc!important;
  box-shadow:0 18px 42px rgba(6,112,128,.11)!important;
}
.single-song .detail-title,.single-album .detail-title{
  font-size:20.5px!important;
  font-weight:740!important;
  line-height:1.8!important;
  color:#0b9fb0!important;
  margin:0 0 8px!important;
  letter-spacing:-.2px!important;
}
.detail-sub{margin:0 0 9px!important;color:#536f76!important;font-size:13.5px!important;line-height:1.8!important;}
.detail-badges{margin:0 0 12px!important;gap:7px!important;}
.detail-badges .badge{min-height:31px!important;padding:4px 10px!important;font-size:12px!important;}
.detail-actions{margin:0 0 12px!important;gap:9px!important;}
.detail-actions .btn{min-height:40px!important;padding:8px 13px!important;font-size:12.5px!important;}
.detail-player-inline{
  width:100%!important;
  margin:4px 0 0!important;
  padding:7px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #bfeff2!important;
  box-shadow:none!important;
}
.detail-player-inline audio{width:100%!important;height:42px!important;display:block!important;}
.player-section{display:none!important;}
.player-info,.player-info strong{display:none!important;}
.bestahang-player-clean{background:transparent!important;border:0!important;box-shadow:none!important;}
/* Other boxes use the same ocean base plus tiny warm accents so the site is not flat blue */
.hero,.section-box,.box,.pagination,.archive-card,.artist-card{
  background:linear-gradient(135deg,#fff 0%,#ffffff 78%,#fffaf6 100%)!important;
  border-color:#c9e9ee!important;
  box-shadow:0 16px 44px rgba(6,112,128,.06)!important;
}
.box-title,.section-box h3,.section-head h1,.section-head h2{color:#083e48!important;}
.ba-section-icon{
  background:#effbfc!important;
  color:#08798a!important;
  border-color:#bfeff2!important;
}
.content-stack .section-box:nth-of-type(2n) .ba-section-icon,.detail-stack .section-box:nth-of-type(2n) .ba-section-icon{
  background:#fff4ee!important;
  color:#d96627!important;
  border-color:#ffd7bf!important;
}
/* Sidebar text requested color */
.side-col .cat-item,.side-col .artist-item,.side-col .weekly-item,.side-col .list-row,
.left-col .cat-item,.left-col .artist-item,.left-col .weekly-item,.left-col .list-row,
.side-col .cat-item span,.side-col .artist-item span,.side-col .weekly-item span,.side-col .list-row span,
.left-col .cat-item span,.left-col .artist-item span,.left-col .weekly-item span,.left-col .list-row span{
  color:#434b4c!important;
}
.side-col .cat-item:hover,.side-col .artist-item:hover,.side-col .weekly-item:hover,.side-col .list-row:hover,
.left-col .cat-item:hover,.left-col .artist-item:hover,.left-col .weekly-item:hover,.left-col .list-row:hover{
  color:#08798a!important;background:#f7fdfe!important;
}
/* Related works: clean cover card, not like old BestAhang */
.related-grid.moj-related-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.moj-related-card{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-height:100px!important;
  padding:10px!important;
  background:#fff!important;
  border:1px solid #bfeff2!important;
  border-radius:22px!important;
  box-shadow:0 12px 32px rgba(6,112,128,.055)!important;
  overflow:hidden!important;
}
.related-thumb{width:82px!important;height:82px!important;border-radius:18px!important;background:#effbfc!important;}
.related-text b{font-size:13.5px!important;line-height:1.75!important;color:#083e48!important;font-weight:760!important;}
.related-text em{font-size:12px!important;color:#536f76!important;}
.related-text small{background:#fff!important;color:#e84d5b!important;border:1px solid #e84d5b!important;}
.moj-related-card:hover{background:#f7fdfe!important;border-color:#8fdce5!important;}
/* Footer gets a soft mixed color, not only blue */
.site-footer,footer{background:linear-gradient(135deg,#f0fbfc 0%,#ffffff 54%,#fff7f1 100%)!important;border-top-color:#bfeff2!important;}
.footer-col h3{color:#083e48!important;}
.footer-col a,.footer-col p,.footer-bottom{color:#434b4c!important;}
.footer-col a:hover,.designer-name,.footer-bottom b{color:#0b9fb0!important;}
.credit,.copyright-mark{background:#fff!important;border-color:#bfeff2!important;}
/* Responsive detail-top and buttons */
@media(max-width:980px){
  .single-song .detail-top,.single-album .detail-top{grid-template-columns:1fr!important;gap:16px!important;padding:17px!important;}
  .single-song .detail-cover,.single-album .detail-cover{width:min(360px,100%)!important;max-width:360px!important;margin:0 auto!important;}
  .single-song .detail-title,.single-album .detail-title{text-align:right!important;font-size:20px!important;}
  .detail-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .detail-actions .btn{width:100%!important;}
}
@media(max-width:680px){
  .post-title{font-size:18.5px!important;}
  .single-song .detail-title,.single-album .detail-title{font-size:18.5px!important;line-height:1.85!important;}
  .detail-actions{grid-template-columns:1fr!important;}
  .detail-player-inline{padding:6px!important;border-radius:16px!important;}
  .related-grid.moj-related-grid{grid-template-columns:1fr!important;}
  .moj-related-card{grid-template-columns:68px minmax(0,1fr)!important;min-height:88px!important;}
  .related-thumb{width:68px!important;height:68px!important;border-radius:16px!important;}
  .comment-form .submit,.form-submit .submit{width:100%!important;}
}


/* MojMusic v2.3 final title/footer/label polish */
.post-card.moj-poster-card .post-title,
.archive-grid .post-title{
  font-size:19.5px!important;
  line-height:1.8!important;
  font-weight:760!important;
  color:#0b9fb0!important;
}
.single-song .detail-title,
.single-album .detail-title{
  font-size:23px!important;
  line-height:1.85!important;
  font-weight:760!important;
  color:#0b9fb0!important;
}
@media(max-width:680px){
  .post-card.moj-poster-card .post-title,.archive-grid .post-title{font-size:18px!important;}
  .single-song .detail-title,.single-album .detail-title{font-size:19px!important;}
}
.moj-card-label,
.ba-badge-type,
.related-text small{
  background:#fff!important;
  color:#e84d5b!important;
  border:1px solid #e84d5b!important;
  box-shadow:none!important;
}
.moj-card-label:hover,
.ba-badge-type:hover,
.related-text small:hover{
  background:#fff7f8!important;
  color:#d63b4b!important;
  border-color:#d63b4b!important;
}
.tag-wrap .tag,
.tag-wrap a,
.post-tags a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  color:#08798a!important;
  border:1px solid #8fdce5!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  font-size:13px!important;
  font-weight:760!important;
  line-height:1.5!important;
  box-shadow:none!important;
}
.tag-wrap .tag:hover,
.tag-wrap a:hover,
.post-tags a:hover{
  background:#effbfc!important;
  color:#083e48!important;
  border-color:#0b9fb0!important;
}
/* English card line: exact Moj Music format, clean and clickable */
.post-card .title-en,
.post-card .moj-english-link{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  align-self:flex-start!important;
  margin:4px 0 16px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#536f76!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.85!important;
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:plaintext!important;
}
.post-card .title-en:hover,
.post-card .moj-english-link:hover{
  color:#0b9fb0!important;
  text-decoration:underline!important;
  text-underline-offset:5px!important;
}
/* Footer signature: unique MojMusic footer, no old BestAhang feeling */
.site-footer .footer-bottom.moj-footer-signature{
  min-height:84px!important;
  padding:16px 0!important;
  border-top:1px solid rgba(11,159,176,.16)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
.moj-footer-signature .footer-copy{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#434b4c!important;
  font-size:14px!important;
  line-height:1.9!important;
}
.moj-footer-signature .copyright-mark{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ffffff,#effbfc)!important;
  border:1px solid #bfeff2!important;
  color:#0b9fb0!important;
  font-weight:900!important;
}
.moj-footer-signature .credit{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  background:#fff!important;
  border:1px solid #bfeff2!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  color:#434b4c!important;
  box-shadow:0 14px 32px rgba(6,112,128,.06)!important;
}
.moj-footer-signature .credit-label{color:#5b7074!important;font-weight:700!important;}
.moj-footer-signature .designer-name{color:#0b9fb0!important;font-weight:900!important;}
.moj-footer-signature .designer-name:hover{color:#08798a!important;}
@media(max-width:680px){
  .site-footer .footer-bottom.moj-footer-signature{flex-direction:column!important;text-align:center!important;justify-content:center!important;}
  .moj-footer-signature .footer-copy{justify-content:center!important;flex-wrap:wrap!important;}
}


/* MojMusic v2.4 final polish: homepage English order, unique featured strip, detail-top/player/footer */
:root{
  --moj-text:#434b4c!important;
  --moj-teal:#0b9fb0!important;
  --moj-teal-2:#18b8c7!important;
  --moj-teal-dark:#08798a!important;
  --moj-line:#bfeff2!important;
  --moj-label:#e84d5b!important;
  --moj-warm:#ff8b4a!important;
  --moj-warm-soft:#fff7f1!important;
}

/* Featured section must not sit inside a white box */
.bestahang-featured-home.moj-featured-strip{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0 0 22px!important;
}
.bestahang-featured-home .box-title{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
  color:#083e48!important;
  font-size:17px!important;
  font-weight:820!important;
}
.bestahang-featured-home .special-grid{
  background:transparent!important;
  padding:0!important;
}
.bestahang-featured-home .special-card{
  border-radius:24px!important;
  box-shadow:0 14px 34px rgba(6,112,128,.10)!important;
}

/* Post cards: keep approved colors and make English line above Persian description */
.post-card .title-link{order:2!important;}
.post-card .moj-poster-meta,.post-card .meta{order:3!important;}
.post-card .title-en,.post-card .moj-english-link{
  order:4!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:4px 0 12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  direction:ltr!important;
  unicode-bidi:plaintext!important;
  text-align:left!important;
  color:#536f76!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.85!important;
}
.post-card .title-en:hover,.post-card .moj-english-link:hover{
  color:var(--moj-teal)!important;
  text-decoration:underline!important;
  text-underline-offset:5px!important;
}
.post-card .excerpt{order:5!important;color:#434b4c!important;margin:0 0 17px!important;}
.post-card .post-actions{order:6!important;}
.post-card .post-card-player{order:7!important;}
.post-card.moj-poster-card .post-title,
.archive-grid .post-title{
  font-size:19px!important;
  line-height:1.75!important;
  color:var(--moj-teal)!important;
}

/* Red labels should remain red by default, not only on hover */
.moj-card-label,.ba-badge-type,.related-text small{
  background:#fff!important;
  color:var(--moj-label)!important;
  border:1px solid var(--moj-label)!important;
  box-shadow:none!important;
}
.moj-card-label:hover,.ba-badge-type:hover,.related-text small:hover{
  background:#fff7f8!important;
  color:#d63b4b!important;
  border-color:#d63b4b!important;
}

/* Detail page: smaller title, approved card color, player under cover */
.single-song .detail-top,.single-album .detail-top{
  grid-template-columns:265px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  background:linear-gradient(135deg,#fff 0%,#ffffff 76%,#fffaf6 100%)!important;
  border:1px solid var(--moj-line)!important;
  box-shadow:0 18px 50px rgba(6,112,128,.07)!important;
}
.detail-cover-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:265px!important;
}
.single-song .detail-cover,.single-album .detail-cover{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.detail-player-under-cover{
  width:100%!important;
  margin:8px 0 0!important;
  padding:7px!important;
  border-radius:18px!important;
  background:#f8fdfe!important;
  border:1px solid var(--moj-line)!important;
  box-shadow:none!important;
}
.detail-player-under-cover audio{width:100%!important;height:42px!important;display:block!important;}
.detail-player-inline{display:none!important;}
.single-song .detail-title,.single-album .detail-title{
  font-size:20px!important;
  line-height:1.8!important;
  font-weight:740!important;
  color:#434b4c!important;
  margin:0 0 10px!important;
}
.detail-sub{color:#434b4c!important;}
.detail-badges .badge,
.detail-actions .btn{
  min-height:34px!important;
  border-radius:999px!important;
  padding:6px 12px!important;
  font-size:12px!important;
  line-height:1.55!important;
  box-shadow:none!important;
}
.detail-actions{display:flex!important;flex-wrap:wrap!important;gap:9px!important;align-items:center!important;}
.detail-actions .btn-primary,
.detail-actions .ba-download-primary{
  background:linear-gradient(135deg,var(--moj-teal),var(--moj-teal-2))!important;
  color:#fff!important;
  border-color:transparent!important;
}
.detail-actions .btn-light{
  background:#fff!important;
  color:var(--moj-teal-dark)!important;
  border:1px solid var(--moj-line)!important;
}
.detail-actions .btn-ghost,
.detail-actions .btn-artist-page{
  background:#fff!important;
  color:var(--moj-warm)!important;
  border:1px solid #ffc3a3!important;
}
.detail-actions .btn:hover{transform:translateY(-1px)!important;}

/* About text default/manual: no BestAhang look */
.section-box p{color:#434b4c!important;}

/* Tags and related works: match the colors requested from previous screenshots */
.tag-wrap{gap:9px!important;}
.tag-wrap .tag,
.tag-wrap a,
.post-tags a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  color:#08798a!important;
  border:1px solid #8fdce5!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  font-size:13px!important;
  font-weight:760!important;
  line-height:1.5!important;
  box-shadow:none!important;
}
.tag-wrap .tag:hover,
.tag-wrap a:hover,
.post-tags a:hover{
  background:#effbfc!important;
  color:#083e48!important;
  border-color:var(--moj-teal)!important;
}
.moj-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.moj-related-card{
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:12px!important;
  min-height:98px!important;
  padding:10px!important;
  background:#fff!important;
  border:1px solid var(--moj-line)!important;
  border-radius:22px!important;
  box-shadow:0 12px 32px rgba(6,112,128,.055)!important;
}
.related-thumb{width:78px!important;height:78px!important;border-radius:18px!important;overflow:hidden!important;background:#effbfc!important;}
.related-text b{font-size:13.2px!important;color:#083e48!important;line-height:1.75!important;}
.related-text em{font-size:12px!important;color:#536f76!important;}
.related-text small{width:max-content!important;padding:3px 10px!important;border-radius:999px!important;font-size:11.5px!important;}

/* Footer bottom: one centered unique line */
.site-footer .footer-bottom.moj-footer-signature{
  min-height:78px!important;
  padding:17px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-top:1px solid rgba(11,159,176,.16)!important;
}
.footer-signature-line{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  color:#434b4c!important;
  line-height:1.9!important;
}
.footer-signature-line .copyright-mark{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#ffffff,#effbfc)!important;
  border:1px solid var(--moj-line)!important;
  color:var(--moj-teal)!important;
  display:inline-grid!important;
  place-items:center!important;
}
.footer-signature-line .footer-dot{color:var(--moj-teal)!important;font-weight:900!important;}
.footer-signature-line .credit-inline{display:inline-flex!important;align-items:center!important;gap:6px!important;}
.footer-signature-line .credit-label{color:#5b7074!important;font-weight:700!important;}
.footer-signature-line .designer-name{color:var(--moj-teal)!important;font-weight:900!important;}

@media(max-width:980px){
  .single-song .detail-top,.single-album .detail-top{grid-template-columns:1fr!important;gap:18px!important;}
  .detail-cover-stack{max-width:380px!important;margin:0 auto!important;}
  .detail-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}
  .detail-actions .btn{width:100%!important;}
}
@media(max-width:680px){
  .bestahang-featured-home .box-title{font-size:16px!important;}
  .post-card.moj-poster-card .post-title,.archive-grid .post-title{font-size:18px!important;}
  .single-song .detail-title,.single-album .detail-title{font-size:18.5px!important;}
  .detail-actions{grid-template-columns:1fr!important;}
  .moj-related-grid{grid-template-columns:1fr!important;}
  .moj-related-card{grid-template-columns:68px minmax(0,1fr)!important;min-height:88px!important;}
  .related-thumb{width:68px!important;height:68px!important;}
  .footer-signature-line{gap:7px!important;font-size:13.5px!important;}
}


/* MojMusic v2.5 - player stretch, uniform detail controls, final footer English */
.single-song .detail-top,
.single-album .detail-top{
  display:grid!important;
  grid-template-columns:265px minmax(0,1fr)!important;
  gap:20px 24px!important;
  align-items:start!important;
}
.single-song .detail-cover-stack,
.single-album .detail-cover-stack{
  max-width:265px!important;
  width:100%!important;
  gap:0!important;
}
.detail-player-under-cover{display:none!important;}
.detail-player-wide{
  grid-column:1 / -1!important;
  width:100%!important;
  margin:4px 0 0!important;
  padding:9px!important;
  border-radius:20px!important;
  background:#f8fdfe!important;
  border:1px solid #bfeff2!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 10px 26px rgba(6,112,128,.045)!important;
  overflow:hidden!important;
}
.detail-player-wide audio{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  height:46px!important;
  margin:0!important;
}
.detail-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  align-items:center!important;
  margin:0!important;
}
.detail-actions .btn,
.comment-form .submit,
.form-submit .submit{
  min-height:40px!important;
  min-width:130px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.5!important;
  font-size:12.5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.detail-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
  margin:0 0 14px!important;
}
.detail-badges .badge{
  min-height:34px!important;
  min-width:88px!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.5!important;
  font-size:12px!important;
  font-weight:760!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
/* Music tag chips: clean white/teal style from the screenshots */
.tag-wrap{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
}
.tag-wrap .tag,
.tag-wrap a,
.post-tags a{
  min-height:38px!important;
  background:#fff!important;
  color:#08798a!important;
  border:1px solid #8fdce5!important;
  border-radius:999px!important;
  padding:8px 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
}
.tag-wrap .tag:hover,
.tag-wrap a:hover,
.post-tags a:hover{
  background:#effbfc!important;
  color:#083e48!important;
  border-color:#0b9fb0!important;
}
/* Similar works: tighter cover cards with the same color system */
.moj-related-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.moj-related-card{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-height:98px!important;
  padding:10px!important;
  background:#fff!important;
  border:1px solid #d8edf0!important;
  border-radius:22px!important;
  box-shadow:0 12px 30px rgba(6,112,128,.05)!important;
}
.moj-related-card:hover{
  background:#f8fdfe!important;
  border-color:#8fdce5!important;
  transform:translateY(-1px)!important;
}
.related-thumb{
  width:78px!important;
  height:78px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#effbfc!important;
}
.related-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.related-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  min-width:0!important;
}
.related-text b{
  color:#083e48!important;
  font-size:13.2px!important;
  line-height:1.75!important;
  font-weight:800!important;
}
.related-text em{
  color:#536f76!important;
  font-size:12px!important;
  font-style:normal!important;
}
.related-text small{
  background:#fff!important;
  color:#e84d5b!important;
  border:1px solid #e84d5b!important;
  border-radius:999px!important;
  padding:3px 10px!important;
  font-size:11.5px!important;
  line-height:1.5!important;
  box-shadow:none!important;
}
/* Footer signature must be English, centered, and unique */
.site-footer .footer-bottom.moj-footer-signature{
  direction:ltr!important;
  min-height:76px!important;
  padding:16px 0!important;
  justify-content:center!important;
  text-align:center!important;
}
.footer-signature-line.moj-footer-english,
.moj-footer-english{
  direction:ltr!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  color:#434b4c!important;
  font-size:14px!important;
  line-height:1.9!important;
}
.moj-footer-english .copyright-mark{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:#fff!important;
  border:1px solid #bfeff2!important;
  color:#0b9fb0!important;
  font-weight:900!important;
}
.moj-footer-english .footer-dot{color:#0b9fb0!important;font-weight:900!important;}
.moj-footer-english .credit-inline{display:inline-flex!important;align-items:center!important;gap:6px!important;}
.moj-footer-english .credit-label{color:#5b7074!important;font-weight:700!important;}
.moj-footer-english .designer-name{color:#0b9fb0!important;font-weight:900!important;}
@media(max-width:980px){
  .single-song .detail-top,.single-album .detail-top{grid-template-columns:1fr!important;}
  .single-song .detail-cover-stack,.single-album .detail-cover-stack{max-width:360px!important;margin:0 auto!important;}
  .detail-player-wide{grid-column:1!important;}
  .detail-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}
  .detail-actions .btn{width:100%!important;min-width:0!important;}
}
@media(max-width:680px){
  .detail-actions{grid-template-columns:1fr!important;}
  .detail-badges .badge{min-width:0!important;flex:1 1 auto!important;}
  .moj-related-grid{grid-template-columns:1fr!important;}
  .moj-related-card{grid-template-columns:68px minmax(0,1fr)!important;min-height:88px!important;}
  .related-thumb{width:68px!important;height:68px!important;}
  .moj-footer-english{font-size:13px!important;gap:7px!important;}
}

/* MojMusic v2.6 - final layout polish: detail controls, featured title, gaps, SEO intro */
:root{
  --moj-text:#434b4c!important;
  --moj-title:#083e48!important;
  --moj-teal:#0b9fb0!important;
  --moj-teal-dark:#08798a!important;
  --moj-teal-soft:#effcfd!important;
  --moj-line:#bfeff2!important;
  --moj-line-soft:#d8edf0!important;
  --moj-label:#e84d5b!important;
  --moj-warm:#ff8b4a!important;
}

/* Standard column distance: less empty space, still breathable */
.main-layout{
  gap:22px!important;
  grid-template-columns:minmax(0,1fr) 286px 268px!important;
}
.content-stack,.side-stack,.left-stack,.detail-stack{gap:20px!important;}
@media(max-width:1320px){.main-layout{gap:18px!important;grid-template-columns:minmax(0,1fr) 270px 248px!important;}}
@media(max-width:1120px){.main-layout{grid-template-columns:minmax(0,1fr) 270px!important;grid-template-areas:"content side" "content left"!important;gap:18px!important;}}
@media(max-width:980px){.main-layout{grid-template-columns:1fr!important;grid-template-areas:"content" "side" "left"!important;gap:18px!important;}}

/* Homepage intro: clean professional SEO paragraph */
.hero p{
  color:#536f76!important;
  font-size:14.6px!important;
  line-height:2!important;
  max-width:920px!important;
}

/* Featured title: outside white box, right aligned, shorter title */
.bestahang-featured-home.moj-featured-strip{margin:0 0 20px!important;}
.bestahang-featured-home .box-title{
  width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  justify-content:flex-start!important;
  text-align:right!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:var(--moj-title)!important;
  font-size:17px!important;
  font-weight:850!important;
}
.bestahang-featured-home .box-title .ba-section-icon{order:0!important;}
.bestahang-featured-home .box-title .ba-section-title-text{order:1!important;}

/* Homepage English link: clickable but no underline on hover */
.post-card .title-en,.post-card .moj-english-link{
  text-decoration:none!important;
  border:0!important;
  box-shadow:none!important;
}
.post-card .title-en:hover,.post-card .moj-english-link:hover,
.title-en:hover,.moj-english-link:hover{
  text-decoration:none!important;
  color:var(--moj-teal)!important;
}

/* Detail top: keep approved card colors, but make controls disciplined */
.single-song .detail-top,.single-album .detail-top{
  grid-template-columns:265px minmax(0,1fr)!important;
  gap:20px 24px!important;
  align-items:start!important;
  padding:20px!important;
  border-radius:28px!important;
  background:#fff!important;
  border:1px solid var(--moj-line)!important;
  box-shadow:0 18px 50px rgba(6,112,128,.07)!important;
}
.single-song .detail-info,.single-album .detail-info{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.single-song .detail-title,.single-album .detail-title{
  width:100%!important;
  margin:0 0 2px!important;
  color:#434b4c!important;
  font-size:19px!important;
  line-height:1.8!important;
  font-weight:800!important;
  letter-spacing:-.2px!important;
}
.detail-sub{margin:0!important;color:#434b4c!important;font-size:13px!important;line-height:1.8!important;}
.detail-sub a{color:var(--moj-teal-dark)!important;font-weight:850!important;}

/* Detail badges: type remains red, others are white/teal and same size */
.detail-badges{
  width:100%!important;
  max-width:430px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
  margin:4px 0 4px!important;
}
.detail-badges .badge{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:800!important;
  box-sizing:border-box!important;
  background:#fff!important;
  color:var(--moj-teal-dark)!important;
  border:1px solid #8fdce5!important;
  box-shadow:none!important;
}
.detail-badges .badge a{color:inherit!important;text-decoration:none!important;display:inline!important;white-space:nowrap!important;}
.detail-badges .ba-badge-type{
  color:var(--moj-label)!important;
  border-color:var(--moj-label)!important;
  background:#fff!important;
}
.detail-badges .ba-badge-label{color:inherit!important;font-weight:800!important;}

/* Detail actions: one clean row, same size buttons */
.detail-actions{
  width:100%!important;
  max-width:430px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin:2px 0 0!important;
  align-items:stretch!important;
}
.detail-actions .btn{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  font-size:12.2px!important;
  line-height:1.4!important;
  font-weight:850!important;
  box-sizing:border-box!important;
}
.detail-actions .btn-primary,.detail-actions .ba-download-primary{
  background:linear-gradient(135deg,#15b8c6,#0b9fb0)!important;
  border-color:#0b9fb0!important;
  color:#fff!important;
}
.detail-actions .btn-light{
  background:#fff!important;
  color:var(--moj-teal-dark)!important;
  border-color:#8fdce5!important;
}
.detail-actions .btn-ghost,.detail-actions .btn-artist-page{
  background:#fff!important;
  color:var(--moj-warm)!important;
  border-color:#ffb388!important;
}

/* Wide player: clean full-width player with a controlled height */
.detail-player-wide{
  grid-column:1 / -1!important;
  width:100%!important;
  margin:6px 0 0!important;
  padding:9px!important;
  border-radius:20px!important;
  background:#f8fdfe!important;
  border:1px solid var(--moj-line)!important;
  box-shadow:none!important;
}
.detail-player-wide audio{width:100%!important;min-width:100%!important;height:44px!important;display:block!important;margin:0!important;}

/* Tags and similar works: use requested white/teal chip style and tidy cards */
.tag-wrap{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;}
.tag-wrap .tag,.tag-wrap a,.post-tags a{
  min-height:38px!important;
  padding:8px 15px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--moj-teal-dark)!important;
  border:1px solid #8fdce5!important;
  box-shadow:none!important;
  font-size:12.5px!important;
  font-weight:780!important;
  text-decoration:none!important;
}
.tag-wrap .tag:hover,.tag-wrap a:hover,.post-tags a:hover{background:#f7fdfe!important;color:#083e48!important;border-color:var(--moj-teal)!important;text-decoration:none!important;}
.moj-related-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.moj-related-card{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-height:98px!important;
  padding:10px!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid #d8edf0!important;
  box-shadow:0 12px 30px rgba(6,112,128,.05)!important;
}
.moj-related-card:hover{background:#f8fdfe!important;border-color:#8fdce5!important;transform:translateY(-1px)!important;}
.related-thumb{width:78px!important;height:78px!important;border-radius:18px!important;overflow:hidden!important;background:#effbfc!important;}
.related-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.related-text{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important;}
.related-text b{font-size:13.2px!important;line-height:1.75!important;color:#083e48!important;font-weight:800!important;}
.related-text em{font-size:12px!important;color:#536f76!important;font-style:normal!important;}
.related-text small{background:#fff!important;color:var(--moj-label)!important;border:1px solid var(--moj-label)!important;border-radius:999px!important;padding:3px 10px!important;font-size:11.5px!important;line-height:1.5!important;box-shadow:none!important;}

/* Responsive controls */
@media(max-width:980px){
  .single-song .detail-top,.single-album .detail-top{grid-template-columns:1fr!important;gap:16px!important;}
  .single-song .detail-cover-stack,.single-album .detail-cover-stack{max-width:360px!important;margin:0 auto!important;}
  .single-song .detail-info,.single-album .detail-info{align-items:stretch!important;}
  .detail-badges,.detail-actions{max-width:none!important;}
  .detail-player-wide{grid-column:1!important;}
}
@media(max-width:680px){
  .single-song .detail-top,.single-album .detail-top{padding:15px!important;border-radius:24px!important;}
  .single-song .detail-title,.single-album .detail-title{font-size:17.5px!important;line-height:1.85!important;}
  .detail-badges{grid-template-columns:1fr 1fr!important;gap:7px!important;}
  .detail-badges .badge{font-size:11.5px!important;min-height:36px!important;padding:7px 9px!important;}
  .detail-actions{grid-template-columns:1fr!important;gap:8px!important;}
  .detail-actions .btn{height:40px!important;}
  .moj-related-grid{grid-template-columns:1fr!important;}
  .moj-related-card{grid-template-columns:68px minmax(0,1fr)!important;min-height:88px!important;}
  .related-thumb{width:68px!important;height:68px!important;border-radius:16px!important;}
}


/* MojMusic v2.7 - detail list, tag archive stability, final text polish */
:root{
  --moj-text:#434b4c!important;
  --moj-title:#434b4c!important;
  --moj-teal:#0b9fb0!important;
  --moj-teal-dark:#08798a!important;
  --moj-teal-soft:#f3fdfe!important;
  --moj-line:#bfeff2!important;
  --moj-line-soft:#e2f3f5!important;
  --moj-label:#e84d5b!important;
  --moj-warm:#ff8b4a!important;
}

/* homepage intro cleanup */
.hero h1{color:#083e48!important;}
.hero p{color:#536f76!important;font-size:14.6px!important;line-height:2.05!important;}

/* Archive / tag pages: no large arc, no overlap, normal columns */
.main-layout.tag-layout.moj-archive-fixed{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 286px!important;
  grid-template-areas:"content side"!important;
  gap:24px!important;
  align-items:start!important;
  direction:rtl!important;
  overflow:visible!important;
}
.moj-archive-fixed .content-col{grid-area:content!important;min-width:0!important;position:relative!important;z-index:2!important;}
.moj-archive-fixed .side-col{grid-area:side!important;min-width:0!important;position:relative!important;z-index:1!important;}
.moj-archive-fixed .left-col{display:none!important;}
.moj-archive-fixed:before,.moj-archive-fixed:after,
.moj-archive-fixed .content-col:before,.moj-archive-fixed .content-col:after,
.moj-archive-fixed .section-head:before,.moj-archive-fixed .section-head:after,
.moj-archive-fixed .posts-grid:before,.moj-archive-fixed .posts-grid:after{
  display:none!important;content:none!important;border:0!important;background:none!important;box-shadow:none!important;
}
.moj-archive-fixed .section-head{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:16px 20px!important;
  background:#fff!important;
  border:1px solid var(--moj-line)!important;
  border-radius:22px!important;
  box-shadow:0 14px 34px rgba(6,112,128,.055)!important;
  overflow:hidden!important;
}
.moj-archive-fixed .section-head h1{font-size:22px!important;color:#083e48!important;margin:0!important;line-height:1.75!important;}
.moj-archive-fixed .posts-grid{position:relative!important;z-index:2!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:20px!important;}
.moj-archive-fixed .post-card{width:100%!important;max-width:100%!important;}
@media(max-width:980px){
  .main-layout.tag-layout.moj-archive-fixed{grid-template-columns:1fr!important;grid-template-areas:"content" "side"!important;gap:18px!important;}
}

/* Detail top: meta/action items become clean information list, not button pills */
.single-song .detail-top,.single-album .detail-top{
  grid-template-columns:265px minmax(0,1fr)!important;
  gap:20px 24px!important;
  align-items:start!important;
}
.single-song .detail-title,.single-album .detail-title{
  color:var(--moj-title)!important;
  font-size:18.5px!important;
  line-height:1.85!important;
  font-weight:790!important;
  margin:0 0 4px!important;
}
.detail-sub{color:var(--moj-text)!important;margin:0 0 2px!important;font-size:13.2px!important;}
.detail-sub a{color:var(--moj-teal-dark)!important;font-weight:850!important;text-decoration:none!important;}
.detail-badges,.detail-actions{display:none!important;}
.detail-info-list{
  width:100%!important;
  max-width:470px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 18px!important;
  margin:4px 0 0!important;
  border-top:1px solid var(--moj-line-soft)!important;
}
.detail-line{
  appearance:none!important;
  border:0!important;
  border-bottom:1px solid var(--moj-line-soft)!important;
  background:transparent!important;
  min-height:42px!important;
  padding:8px 0!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  color:var(--moj-teal-dark)!important;
  text-align:inherit!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font:inherit!important;
  text-decoration:none!important;
  line-height:1.7!important;
}
.detail-line span{color:#7a9196!important;font-size:12.2px!important;font-weight:720!important;white-space:nowrap!important;}
.detail-line b{color:var(--moj-teal-dark)!important;font-size:12.8px!important;font-weight:850!important;line-height:1.7!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.detail-line a{color:inherit!important;text-decoration:none!important;}
.detail-line-type span,.detail-line-type b{color:var(--moj-label)!important;}
.detail-line-download b{color:#fff!important;background:linear-gradient(135deg,#15b8c6,#0b9fb0)!important;border-radius:999px!important;padding:5px 12px!important;}
.detail-line-play b{color:var(--moj-teal-dark)!important;background:#fff!important;border:1px solid #8fdce5!important;border-radius:999px!important;padding:4px 11px!important;}
.detail-line-artist b{color:var(--moj-warm)!important;}
.detail-line:hover{background:linear-gradient(90deg,rgba(11,159,176,.05),transparent)!important;text-decoration:none!important;}
.detail-line:hover b{filter:saturate(1.1)!important;}
.detail-player-wide{grid-column:1 / -1!important;width:100%!important;margin-top:8px!important;}
.detail-player-wide audio{width:100%!important;min-width:100%!important;}

/* Pagination: simple text without extra marks */
.pagination a,.pagination span{font-family:inherit!important;text-decoration:none!important;}
.pagination .prev,.pagination .next{min-width:66px!important;}
.pagination .prev:before,.pagination .prev:after,.pagination .next:before,.pagination .next:after{display:none!important;content:none!important;}

/* English link hover without underline */
.title-en:hover,.moj-english-link:hover,.post-card .title-en:hover,.post-card .moj-english-link:hover{
  text-decoration:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

@media(max-width:980px){
  .single-song .detail-top,.single-album .detail-top{grid-template-columns:1fr!important;}
  .detail-info-list{max-width:none!important;}
}
@media(max-width:680px){
  .single-song .detail-title,.single-album .detail-title{font-size:17.5px!important;}
  .detail-info-list{grid-template-columns:1fr!important;gap:0!important;}
  .detail-line{min-height:40px!important;}
}

/* MojMusic v2.8 - stable tag/archive rewrite, artists links, tag halo color */
:root{
  --moj-text:#434b4c!important;
  --moj-title:#083e48!important;
  --moj-teal:#0b9fb0!important;
  --moj-teal-dark:#08798a!important;
  --moj-teal-soft:#f5feff!important;
  --moj-line:#bfeff2!important;
  --moj-line-soft:#e3f1f3!important;
  --moj-tag-halo:#dee2e3!important;
  --moj-label:#e84d5b!important;
}

/* Critical fix: WordPress tag archive adds class="tag" to body; old chip CSS must never style the page body */
html body.tag,
html body.category,
html body.tax-music_category,
html body.tax-artist,
html body.post-type-archive-song,
html body.post-type-archive-album{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fdfe 48%,#ffffff 100%)!important;
  color:var(--moj-text)!important;
  align-items:initial!important;
  justify-content:initial!important;
  overflow-x:hidden!important;
}
html body.tag:hover{background:linear-gradient(180deg,#ffffff 0%,#f7fdfe 48%,#ffffff 100%)!important;color:var(--moj-text)!important;}
html body.tag::before,
html body.tag::after{display:none!important;content:none!important;border:0!important;background:none!important;box-shadow:none!important;}

/* Fully rewritten archive/tag/taxonomy layout; does not depend on old main-layout rules */
.moj-tax-root,
.moj-artists-root{
  direction:rtl!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 270px!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
  margin:28px 0 42px!important;
  padding:0!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.moj-tax-root,
.moj-tax-root *,
.moj-artists-root,
.moj-artists-root *{box-sizing:border-box!important;}
.moj-tax-root::before,.moj-tax-root::after,
.moj-tax-main::before,.moj-tax-main::after,
.moj-tax-sidebar::before,.moj-tax-sidebar::after,
.moj-tax-head::before,.moj-tax-head::after,
.moj-tax-post-list::before,.moj-tax-post-list::after,
.moj-artists-root::before,.moj-artists-root::after,
.moj-artists-main::before,.moj-artists-main::after{
  display:none!important;content:none!important;width:0!important;height:0!important;border:0!important;background:none!important;box-shadow:none!important;
}
.moj-tax-main,
.moj-artists-main{
  min-width:0!important;
  width:100%!important;
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}
.moj-tax-sidebar{
  min-width:0!important;
  position:sticky!important;
  top:96px!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
}
.moj-tax-head{
  width:100%!important;
  margin:0!important;
  padding:18px 20px!important;
  background:#fff!important;
  border:1px solid var(--moj-line)!important;
  border-radius:24px!important;
  box-shadow:0 16px 42px rgba(6,112,128,.055)!important;
  overflow:hidden!important;
}
.moj-tax-head h1{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin:0!important;
  color:var(--moj-title)!important;
  font-size:21px!important;
  line-height:1.8!important;
  font-weight:850!important;
  letter-spacing:-.25px!important;
  text-align:right!important;
}
.moj-tax-desc{
  margin:10px 46px 0 0!important;
  color:#536f76!important;
  font-size:13.8px!important;
  line-height:2!important;
}
.moj-tax-post-list{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  min-width:0!important;
  position:relative!important;
  z-index:2!important;
}
.moj-tax-post-list .post-card,
.moj-tax-post-list .moj-poster-card{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid var(--moj-line)!important;
  box-shadow:0 16px 44px rgba(6,112,128,.06)!important;
  overflow:hidden!important;
}
.moj-tax-empty{
  background:#fff!important;
  border:1px solid var(--moj-line)!important;
  border-radius:22px!important;
  padding:22px!important;
  color:var(--moj-text)!important;
  box-shadow:0 14px 34px rgba(6,112,128,.05)!important;
}
.moj-tax-widget{
  background:#fff!important;
  border:1px solid var(--moj-line)!important;
  border-radius:23px!important;
  padding:16px!important;
  box-shadow:0 14px 36px rgba(6,112,128,.052)!important;
  overflow:hidden!important;
}
.moj-tax-widget h3{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 13px!important;
  color:var(--moj-title)!important;
  font-size:15.5px!important;
  font-weight:850!important;
  line-height:1.8!important;
}
.moj-tax-link-list{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}
.moj-tax-link-list a,
.moj-tax-link-list span{
  display:block!important;
  width:100%!important;
  padding:9px 0!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--moj-line-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--moj-text)!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1.85!important;
  font-weight:760!important;
}
.moj-tax-link-list a:last-child,
.moj-tax-link-list span:last-child{border-bottom:0!important;}
.moj-tax-link-list a:hover{color:var(--moj-teal-dark)!important;background:transparent!important;text-decoration:none!important;}
.moj-tax-link-list a::before,.moj-tax-link-list a::after{display:none!important;content:none!important;}

/* Tag buttons/chips: requested #dee2e3 halo, without affecting body.tag */
.tag-wrap,
.post-tags{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;}
.tag-wrap .tag,
.tag-wrap a,
.post-tags a,
.moj-tag-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:8px 15px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--moj-teal-dark)!important;
  border:1px solid #8fdce5!important;
  box-shadow:0 9px 23px rgba(222,226,227,.75)!important;
  font-size:12.5px!important;
  font-weight:780!important;
  line-height:1.5!important;
  text-decoration:none!important;
}
.tag-wrap .tag:hover,
.tag-wrap a:hover,
.post-tags a:hover,
.moj-tag-chip:hover{
  background:#f8fdfe!important;
  color:var(--moj-title)!important;
  border-color:#0b9fb0!important;
  box-shadow:0 12px 28px rgba(222,226,227,.95)!important;
  text-decoration:none!important;
}

/* Clean pagination for rewritten archive pages */
.moj-tax-pagination{
  width:100%!important;
  background:#fff!important;
  border:1px solid var(--moj-line)!important;
  border-radius:22px!important;
  padding:13px!important;
  box-shadow:0 12px 34px rgba(6,112,128,.045)!important;
}
.moj-tax-pagination ul{
  list-style:none!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}
.moj-tax-pagination li{margin:0!important;padding:0!important;list-style:none!important;}
.moj-tax-pagination a,
.moj-tax-pagination span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:6px 13px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid var(--moj-line)!important;
  color:var(--moj-teal-dark)!important;
  font-weight:850!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.moj-tax-pagination .current{background:var(--moj-teal)!important;color:#fff!important;border-color:var(--moj-teal)!important;}
.moj-tax-pagination a:hover{background:var(--moj-teal-soft)!important;color:var(--moj-title)!important;text-decoration:none!important;}
.moj-tax-pagination .prev::before,.moj-tax-pagination .prev::after,
.moj-tax-pagination .next::before,.moj-tax-pagination .next::after{display:none!important;content:none!important;}

/* Artists page: real linked list, not broken pills */
.moj-artists-clean-page{
  width:100%!important;
  background:#fff!important;
  border:1px solid var(--moj-line)!important;
  border-radius:26px!important;
  padding:20px!important;
  box-shadow:0 16px 44px rgba(6,112,128,.055)!important;
  overflow:hidden!important;
}
.moj-artists-clean-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px 14px!important;
  align-items:center!important;
  margin:0 0 16px!important;
  padding:0 0 15px!important;
  border-bottom:1px solid var(--moj-line-soft)!important;
}
.moj-artists-clean-head h1{
  grid-column:1!important;
  margin:0!important;
  color:var(--moj-title)!important;
  font-size:23px!important;
  line-height:1.8!important;
  font-weight:850!important;
}
.moj-artists-clean-head p{
  grid-column:1!important;
  margin:0!important;
  color:#536f76!important;
  font-size:13.8px!important;
  line-height:2!important;
}
.moj-artists-count{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  justify-self:end!important;
  background:#fff!important;
  border:1px solid var(--moj-line)!important;
  color:var(--moj-teal-dark)!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  font-size:12.5px!important;
  font-weight:850!important;
  box-shadow:0 8px 22px rgba(222,226,227,.65)!important;
}
.moj-artist-link-panel{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.moj-artist-link-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:46px!important;
  padding:10px 13px!important;
  background:#fff!important;
  border:1px solid var(--moj-line-soft)!important;
  border-radius:16px!important;
  color:var(--moj-text)!important;
  text-decoration:none!important;
  box-shadow:none!important;
  line-height:1.6!important;
}
.moj-artist-link-row span{font-size:13.5px!important;font-weight:820!important;color:var(--moj-text)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.moj-artist-link-row small{font-size:11.5px!important;font-weight:760!important;color:var(--moj-teal-dark)!important;background:var(--moj-teal-soft)!important;border:1px solid var(--moj-line)!important;border-radius:999px!important;padding:2px 8px!important;white-space:nowrap!important;}
.moj-artist-link-row:hover{border-color:#8fdce5!important;background:#f8fdfe!important;text-decoration:none!important;}
.moj-artists-empty{padding:18px!important;background:#f8fdfe!important;border:1px solid var(--moj-line)!important;border-radius:18px!important;color:var(--moj-text)!important;}

/* Keep sidebar/list texts in requested color, no button borders/dots */
.side-col .cat-item,.side-col .artist-item,.side-col .weekly-item,.side-col .list-row,
.left-col .cat-item,.left-col .artist-item,.left-col .weekly-item,.left-col .list-row{
  color:var(--moj-text)!important;
  border-radius:0!important;
  border:0!important;
  border-bottom:1px solid var(--moj-line-soft)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.side-col .cat-item::before,.side-col .artist-item::before,.side-col .weekly-item::before,.side-col .list-row::before,
.left-col .cat-item::before,.left-col .artist-item::before,.left-col .weekly-item::before,.left-col .list-row::before{
  display:none!important;content:none!important;
}
.side-col .cat-item:hover,.side-col .artist-item:hover,.side-col .weekly-item:hover,.side-col .list-row:hover,
.left-col .cat-item:hover,.left-col .artist-item:hover,.left-col .weekly-item:hover,.left-col .list-row:hover{
  color:var(--moj-teal-dark)!important;background:transparent!important;transform:none!important;
}

@media(max-width:1120px){
  .moj-tax-root,.moj-artists-root{grid-template-columns:minmax(0,1fr) 250px!important;gap:18px!important;}
  .moj-artist-link-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  .moj-tax-root,.moj-artists-root{grid-template-columns:1fr!important;gap:18px!important;margin-top:22px!important;}
  .moj-tax-sidebar{position:relative!important;top:auto!important;}
  .moj-tax-head h1{font-size:19.5px!important;}
  .moj-tax-desc{margin-right:0!important;}
}
@media(max-width:680px){
  .moj-tax-head,.moj-artists-clean-page{padding:15px!important;border-radius:22px!important;}
  .moj-tax-head h1{font-size:18.5px!important;}
  .moj-artist-link-panel{grid-template-columns:1fr!important;}
  .moj-artists-clean-head{grid-template-columns:1fr!important;}
  .moj-artists-count{grid-column:1!important;grid-row:auto!important;justify-self:start!important;}
}


/* MojMusic v2.9 - final album/detail/footer/tag cleanup */
:root{
  --moj-text:#434b4c!important;
  --moj-title:#083e48!important;
  --moj-teal:#0b9fb0!important;
  --moj-teal-dark:#08798a!important;
  --moj-line:#bfeff2!important;
  --moj-line-soft:#e3f1f3!important;
  --moj-border-gray:#dee2e3!important;
  --moj-label:#e84d5b!important;
  --moj-warm:#ff8b4a!important;
}

/* Logo: less halo, cleaner header mark */
.moj-logo-mark,.brand-logo{
  box-shadow:0 8px 18px rgba(15,149,170,.10)!important;
}
.brand:hover .moj-logo-mark,.mojmusic-logo-lockup:hover .brand-logo{
  box-shadow:0 10px 22px rgba(15,149,170,.13)!important;
}

/* Tag chips: #dee2e3 is the border, not a halo */
.tag-wrap .tag,.tag-wrap a,.post-tags a,.moj-tag-chip{
  border-color:var(--moj-border-gray)!important;
  box-shadow:none!important;
  background:#fff!important;
  color:var(--moj-teal-dark)!important;
}
.tag-wrap .tag:hover,.tag-wrap a:hover,.post-tags a:hover,.moj-tag-chip:hover{
  border-color:var(--moj-teal)!important;
  box-shadow:none!important;
  background:#f8fdfe!important;
  color:var(--moj-title)!important;
}

/* Detail information: real list under artist, not pills/buttons */
.single-song .detail-info,.single-album .detail-info{
  align-items:flex-start!important;
}
.detail-info-list{
  max-width:500px!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  border-top:1px solid var(--moj-line-soft)!important;
  margin-top:4px!important;
}
.detail-line{
  min-height:34px!important;
  padding:6px 0!important;
  border-bottom:1px solid var(--moj-line-soft)!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:10px!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.detail-line:hover{
  background:transparent!important;
  text-decoration:none!important;
}
.detail-line span{
  color:#7a9196!important;
  font-size:12.4px!important;
  font-weight:760!important;
}
.detail-line b{
  justify-self:start!important;
  color:var(--moj-teal-dark)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.7!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.detail-line-type span,.detail-line-type b{color:var(--moj-label)!important;}
.detail-line-download b{color:var(--moj-teal)!important;background:transparent!important;border:0!important;padding:0!important;}
.detail-line-play b{color:var(--moj-teal-dark)!important;background:transparent!important;border:0!important;padding:0!important;}
.detail-artist-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:8px 16px!important;
  margin-top:10px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid #ffb388!important;
  color:var(--moj-warm)!important;
  font-size:12.5px!important;
  font-weight:850!important;
  text-decoration:none!important;
  line-height:1.5!important;
  box-shadow:none!important;
}
.detail-artist-button:hover{
  background:#fff8f3!important;
  border-color:var(--moj-warm)!important;
  color:#d36d2d!important;
  text-decoration:none!important;
}

/* Album track list: consistent button/player layout */
.track-list{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.track-item{
  background:#f8fdfe!important;
  border:1px solid var(--moj-line)!important;
  border-radius:20px!important;
  padding:14px!important;
  box-shadow:none!important;
}
.track-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
  color:var(--moj-title)!important;
}
.track-head b{
  font-size:14px!important;
  line-height:1.8!important;
  font-weight:850!important;
  color:var(--moj-title)!important;
}
.track-head span{
  color:#6f878c!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
.track-actions{
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}
.track-actions .btn{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  font-size:12.5px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.track-actions audio{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  display:block!important;
}

/* Album related sections use the same ordered visual language as song pages */
.single-album .moj-related-grid{margin-top:2px!important;}
.single-album .moj-related-card{border-color:#d8edf0!important;box-shadow:none!important;}
.single-album .related-text small{border-color:var(--moj-label)!important;color:var(--moj-label)!important;background:#fff!important;}

/* Footer: remove old punctuation, centered English signature */
.site-footer .footer-bottom.moj-footer-signature{
  justify-content:center!important;
  text-align:center!important;
}
.moj-footer-english{
  color:#434b4c!important;
  gap:10px!important;
}
.moj-footer-english .copyright-mark{
  box-shadow:none!important;
}
.moj-footer-english .footer-dot{color:var(--moj-teal)!important;}
.moj-footer-english .credit-label{color:#5b7074!important;}
.moj-footer-english .designer-name{color:var(--moj-teal)!important;}
.footer-about-mini{
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(8,121,138,.12)!important;
  color:#536f76!important;
  line-height:2!important;
}
.footer-about-mini b{display:block!important;color:var(--moj-teal-dark)!important;margin-bottom:3px!important;}

@media(max-width:680px){
  .detail-info-list{grid-template-columns:1fr!important;}
  .detail-line{grid-template-columns:76px minmax(0,1fr)!important;}
  .detail-artist-button{width:100%!important;}
  .track-actions{grid-template-columns:1fr!important;}
  .track-actions .btn{width:100%!important;}
  .moj-footer-english{flex-direction:column!important;gap:4px!important;}
}

/* MojMusic v3.0 - manual columns, header color sync, footer signature final */
:root{
  --moj-main:#18b8c7!important;
  --moj-main-dark:#14535d!important;
  --moj-main-text:#0f4f59!important;
  --moj-column-text:#434b4c!important;
}
/* Header/menu color based on the approved screenshot */
.topbar .nav a{
  color:var(--moj-main-text)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.topbar .nav a:hover{
  background:#e9f8fa!important;
  color:var(--moj-main-dark)!important;
}
.topbar .nav .current-menu-item>a,
.topbar .nav .current_page_item>a,
.topbar .nav a[aria-current="page"]{
  background:var(--moj-main-dark)!important;
  color:#fff!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.header-search button,
.menu-toggle.is-active,
.mobile-panel .current-menu-item>a,
.mobile-panel .current_page_item>a{
  background:var(--moj-main)!important;
  color:#fff!important;
  border-color:var(--moj-main)!important;
}
.moj-logo-mark,.brand-logo{
  background:linear-gradient(135deg,#10aabb 0%,var(--moj-main) 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(24,184,199,.10)!important;
}
.brand:hover .moj-logo-mark,.mojmusic-logo-lockup:hover .brand-logo{
  box-shadow:0 8px 18px rgba(24,184,199,.13)!important;
}
.ba-section-icon{
  background:var(--moj-main)!important;
  color:#fff!important;
  border-color:var(--moj-main)!important;
  box-shadow:none!important;
}
.ba-section-icon svg{stroke:currentColor!important;fill:none!important;}
.ba-section-icon-play svg path:first-child{fill:currentColor!important;stroke:none!important;}
.content-stack .section-box:nth-of-type(2n) .ba-section-icon,
.detail-stack .section-box:nth-of-type(2n) .ba-section-icon{
  background:var(--moj-main)!important;
  color:#fff!important;
  border-color:var(--moj-main)!important;
}
/* Manual sidebar columns: only selected items render; latest songs/albums stay automatic. */
.side-col .list-row,.side-col .cat-item,.side-col .artist-item,
.left-col .list-row,.left-col .cat-item,.left-col .artist-item{
  color:var(--moj-column-text)!important;
}
.side-col .list-row:hover,.side-col .cat-item:hover,.side-col .artist-item:hover,
.left-col .list-row:hover,.left-col .cat-item:hover,.left-col .artist-item:hover{
  color:var(--moj-main-dark)!important;
  background:#f5fbfc!important;
}
/* Footer signature final wording/layout */
.moj-footer-signature .footer-signature-line{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  direction:ltr!important;
  text-align:center!important;
  color:#434b4c!important;
}
.moj-footer-signature .footer-signature-line span,
.moj-footer-signature .footer-signature-line a{
  line-height:1.8!important;
}
.moj-footer-signature .footer-dot{
  color:var(--moj-main)!important;
}
.moj-footer-signature .designer-name{
  color:var(--moj-main-dark)!important;
  font-weight:800!important;
}
@media(max-width:680px){
  .moj-footer-english{flex-direction:row!important;gap:7px!important;}
  .topbar .nav .current-menu-item>a,
  .topbar .nav .current_page_item>a,
  .topbar .nav a[aria-current="page"]{border-radius:14px!important;}
}

/* MojMusic v3.1 - softer halos, clean detail list, artist/sidebar/footer refinements */
:root{
  --shadow:0 8px 22px rgba(6,112,128,.030)!important;
  --shadow-hover:0 12px 30px rgba(6,112,128,.050)!important;
  --moj-soft-shadow:0 8px 22px rgba(6,112,128,.030)!important;
  --moj-warm:#f07a3f!important;
}
.box,.section-box,.pagination,.artist-card,.archive-card,.hero,.post-card,.detail-top,.moj-tax-widget,.moj-tax-head,.moj-tax-pagination,.track-item,.comment{
  box-shadow:0 8px 22px rgba(6,112,128,.030)!important;
}
.side-col .box,.left-col .box,.side-col .section-box,.left-col .section-box{
  box-shadow:0 7px 20px rgba(6,112,128,.026)!important;
}
.pagination,.moj-tax-pagination{
  box-shadow:0 5px 16px rgba(6,112,128,.022)!important;
}
.post-card:hover,.archive-card:hover,.artist-card:hover,.section-box:hover,.box:hover{
  box-shadow:0 12px 30px rgba(6,112,128,.050)!important;
}
.detail-cover,.cover,.post-card .cover,.moj-poster-cover,.special-card,.archive-cover,.special-cover{
  box-shadow:0 8px 22px rgba(6,112,128,.040)!important;
}
.moj-logo-mark,.brand-logo{
  box-shadow:0 5px 12px rgba(24,184,199,.075)!important;
}
.brand:hover .moj-logo-mark,.mojmusic-logo-lockup:hover .brand-logo{
  box-shadow:0 6px 14px rgba(24,184,199,.095)!important;
}
.single-song .detail-title,.single-album .detail-title{
  font-size:16px!important;
  color:#434b4c!important;
  line-height:1.85!important;
  font-weight:760!important;
  margin-bottom:8px!important;
}
.single-song .detail-stack .section-box h3,.single-album .detail-stack .section-box h3{
  font-size:16px!important;
}
.detail-sub,.detail-artist-button,.btn-artist-page{
  display:none!important;
}
.detail-info-list{
  max-width:520px!important;
  border-top:1px solid var(--moj-line-soft)!important;
  margin-top:7px!important;
}
.detail-line{
  cursor:default!important;
  min-height:35px!important;
  padding:6px 0!important;
  grid-template-columns:86px minmax(0,1fr)!important;
}
a.detail-line,button.detail-line{
  cursor:pointer!important;
}
.detail-line-artist b a{
  color:var(--moj-teal-dark)!important;
  text-decoration:none!important;
  font-weight:850!important;
}
.detail-line-artist b a:hover{
  color:var(--moj-main-dark)!important;
  text-decoration:none!important;
}
.detail-line-play b{
  color:var(--moj-warm)!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
.detail-line-play:hover b{
  color:#d9642e!important;
}
.detail-line-download b{
  color:var(--moj-teal)!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
.related-grid.moj-related-grid,.moj-related-grid{
  gap:15px!important;
}
.moj-related-card{
  grid-template-columns:96px minmax(0,1fr)!important;
  min-height:112px!important;
  padding:11px!important;
}
.related-thumb{
  width:96px!important;
  height:96px!important;
  border-radius:20px!important;
}
.related-text b{
  font-size:13.7px!important;
}
.related-text small{
  box-shadow:none!important;
}
.bestahang-featured-home .special-card:hover,.special-card:hover{
  box-shadow:0 12px 30px rgba(20,42,48,.115)!important;
  border-color:rgba(20,42,48,.16)!important;
}
.bestahang-featured-home .special-card:hover img,.special-card:hover img{
  filter:brightness(.96) saturate(1.03)!important;
}
.footer-about .footer-about-mini{
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(8,121,138,.10)!important;
}
.footer-col:not(.footer-about) .footer-about-mini{
  display:none!important;
}
.moj-artists-root .moj-tax-sidebar .moj-tax-widget-artists{
  display:none!important;
}
@media(max-width:980px){
  .moj-related-card{grid-template-columns:86px minmax(0,1fr)!important;min-height:102px!important;}
  .related-thumb{width:86px!important;height:86px!important;}
}
@media(max-width:680px){
  .single-song .detail-title,.single-album .detail-title{font-size:16px!important;}
  .detail-line{grid-template-columns:76px minmax(0,1fr)!important;}
  .moj-related-card{grid-template-columns:78px minmax(0,1fr)!important;min-height:96px!important;}
  .related-thumb{width:78px!important;height:78px!important;border-radius:17px!important;}
}

/* MojMusic v3.2 - mobile footer, featured grid, partial links, detail buttons */
:root{
  --moj-v32-teal:#18b8c7;
  --moj-v32-teal-dark:#0b7785;
  --moj-v32-text:#434b4c;
  --moj-v32-line:#c9e9ee;
  --moj-v32-soft:#f2fcfd;
  --moj-v32-warm:#f07a3f;
}

/* Only the actual text/button is clickable in side lists, not the whole row */
.list-row,.cat-item,.artist-item,.weekly-item{
  cursor:default!important;
  color:var(--moj-v32-text)!important;
  background:transparent!important;
  border-color:rgba(201,233,238,.72)!important;
  box-shadow:none!important;
  padding-inline:0!important;
  border-radius:0!important;
}
.list-row:before,.cat-item:before,.artist-item:before,.weekly-item:before{display:none!important;content:none!important;}
.list-row:hover,.cat-item:hover,.artist-item:hover,.weekly-item:hover{
  transform:none!important;
  background:transparent!important;
  color:var(--moj-v32-text)!important;
  border-color:rgba(201,233,238,.72)!important;
}
.list-row .list-link,.cat-item .cat-link,.artist-item .artist-link,.weekly-item .list-link{
  display:inline!important;
  width:auto!important;
  color:var(--moj-v32-text)!important;
  font-weight:760!important;
  line-height:1.85!important;
  text-decoration:none!important;
}
.list-row .list-link:hover,.cat-item .cat-link:hover,.artist-item .artist-link:hover,.related-title-link:hover,.title-link:hover{
  color:var(--moj-v32-teal-dark)!important;
  text-decoration:none!important;
}
.post-title{margin:0 0 8px!important;line-height:1.75!important;}
.post-title .title-link{display:inline!important;color:inherit!important;text-decoration:none!important;}
.moj-english-link,.title-en{display:inline-flex!important;width:auto!important;max-width:100%!important;text-decoration:none!important;border:0!important;box-shadow:none!important;}
.moj-english-link:hover,.title-en:hover{color:var(--moj-v32-teal-dark)!important;text-decoration:none!important;border:0!important;box-shadow:none!important;}

/* Detail page: only “با کیفیت ۳۲۰ / پخش آنلاین” are buttons/links */
.detail-line{cursor:default!important;}
.detail-line b{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;}
.detail-line .detail-inline-link{
  display:inline!important;
  color:var(--moj-v32-teal-dark)!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.detail-line .detail-inline-link:hover{text-decoration:none!important;color:#075f6b!important;}
.detail-line .detail-pill-link,.detail-line .detail-pill-button{
  appearance:none!important;
  border:1px solid var(--moj-v32-line)!important;
  border-radius:999px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  padding:6px 14px!important;
  font-size:12.5px!important;
  font-weight:850!important;
  line-height:1.5!important;
  cursor:pointer!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.detail-line .detail-download-pill{
  background:linear-gradient(135deg,var(--moj-v32-teal),#0b9fb0)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.detail-line .detail-play-pill{
  background:#fff!important;
  color:var(--moj-v32-warm)!important;
  border-color:#ffd4bf!important;
}
.detail-line .detail-download-pill:hover{filter:brightness(.96)!important;text-decoration:none!important;}
.detail-line .detail-play-pill:hover{background:#fff8f4!important;color:#d9642e!important;text-decoration:none!important;}
.detail-line-download b,.detail-line-play b{background:transparent!important;border:0!important;padding:0!important;color:inherit!important;}
.detail-info-list a.detail-line,.detail-info-list button.detail-line{cursor:default!important;}

/* Related cards: the card is visual; only cover/title are links */
.related-item.moj-related-card{display:grid!important;text-decoration:none!important;color:inherit!important;}
.related-thumb{display:block!important;overflow:hidden!important;}
.related-title-link{display:inline!important;color:inherit!important;text-decoration:none!important;}
.related-text b{display:block!important;}

/* Detail and track buttons keep one stable size */
.post-actions .btn,.track-actions .btn,.comment-form .submit,.form-submit .submit{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.4!important;
  white-space:nowrap!important;
}
.track-actions .btn{padding-inline:16px!important;}

/* Mobile header: hamburger + logo/site name on the right side */
@media(max-width:980px){
  .topbar-inner{
    justify-content:flex-start!important;
    gap:10px!important;
    direction:rtl!important;
  }
  .menu-toggle{order:1!important;flex:0 0 46px!important;}
  .brand,.mojmusic-logo-lockup{order:2!important;margin-inline-start:0!important;margin-inline-end:0!important;gap:10px!important;}
  .brand-title,.brand-text{font-size:20px!important;margin-inline-start:2px!important;}
  .moj-logo-mark,.brand-logo{width:44px!important;height:44px!important;min-width:44px!important;border-radius:16px!important;}
  .mobile-panel{right:12px!important;left:12px!important;}
}

/* Mobile featured: smaller covers in two neat rows, four items per row */
@media(max-width:680px){
  .bestahang-featured-home.moj-featured-strip{
    padding:12px!important;
    border-radius:22px!important;
  }
  .bestahang-featured-home .box-title{
    font-size:14px!important;
    margin-bottom:10px!important;
    justify-content:flex-start!important;
    text-align:right!important;
  }
  .bestahang-featured-home .special-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .bestahang-featured-home .special-card{
    border-radius:14px!important;
    box-shadow:0 5px 12px rgba(6,112,128,.035)!important;
  }
  .bestahang-featured-home .special-cover,
  .bestahang-featured-home .special-cover img{
    border-radius:13px!important;
  }
  .bestahang-featured-home .special-overlay{display:none!important;}
}

/* Mobile footer: compact, readable and not squeezed */
@media(max-width:680px){
  .site-footer,footer{margin-top:24px!important;}
  .site-footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding-top:18px!important;
    padding-bottom:12px!important;
  }
  .site-footer .footer-col{
    padding:11px 12px!important;
    border:1px solid rgba(201,233,238,.62)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.68)!important;
    box-shadow:none!important;
  }
  .site-footer .footer-col h3{
    font-size:14px!important;
    margin:0 0 5px!important;
    line-height:1.6!important;
  }
  .site-footer .footer-col p,
  .site-footer .footer-about-mini span{
    font-size:12.5px!important;
    line-height:1.75!important;
    margin:0!important;
  }
  .site-footer .footer-col a{
    display:inline-flex!important;
    width:auto!important;
    padding:2px 0!important;
    margin-inline-end:12px!important;
    font-size:12.5px!important;
    line-height:1.7!important;
  }
  .footer-about .footer-about-mini{
    margin-top:8px!important;
    padding-top:8px!important;
  }
  .site-footer .footer-bottom.moj-footer-signature{
    min-height:0!important;
    padding:10px 12px 15px!important;
    border-top:1px solid rgba(8,121,138,.11)!important;
  }
  .moj-footer-signature .footer-signature-line,
  .footer-signature-line.moj-footer-english,
  .moj-footer-english{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    font-size:11.5px!important;
    line-height:1.7!important;
    text-align:center!important;
  }
  .moj-footer-english .copyright-mark,
  .footer-signature-line .copyright-mark{
    width:24px!important;
    height:24px!important;
    border-radius:9px!important;
    font-size:12px!important;
  }
  .moj-footer-english .credit-inline{gap:4px!important;}
}

/* extra small screens: keep featured usable */
@media(max-width:390px){
  .bestahang-featured-home .special-grid{gap:6px!important;}
  .brand-title,.brand-text{font-size:18px!important;}
  .menu-toggle{width:42px!important;height:42px!important;flex-basis:42px!important;}
}

/* v3.2.1 - list rows are not button-shaped; only text links are clickable */
.list-row,.cat-item,.artist-item,.weekly-item{
  border-width:0 0 1px 0!important;
  border-style:solid!important;
  border-radius:0!important;
  min-height:36px!important;
  padding:5px 0!important;
}
.list-row .list-link,.cat-item .cat-link,.artist-item .artist-link{pointer-events:auto!important;}

/* MojMusic v3.3 - final mobile header, footer ocean sync, featured grid size */
:root{
  --moj-v33-teal:#18b8c7;
  --moj-v33-teal-dark:#0b7785;
  --moj-v33-text:#434b4c;
  --moj-v33-line:#c9e9ee;
  --moj-v33-soft:#f2fcfd;
  --moj-v33-soft-2:#eefafb;
}

/* Footer must stay in the same ocean palette as the site; no warm/yellow tail */
.site-footer,footer{
  background:linear-gradient(180deg,#f2fcfd 0%,#ffffff 52%,#eefafb 100%)!important;
  border-top:1px solid var(--moj-v33-line)!important;
  color:var(--moj-v33-text)!important;
  box-shadow:none!important;
}
.site-footer:before,.site-footer:after,footer:before,footer:after{display:none!important;content:none!important;}
.site-footer .footer-col{
  background:transparent!important;
  box-shadow:none!important;
}
.site-footer .footer-col h3{color:#083e48!important;}
.site-footer .footer-col p,
.site-footer .footer-col a,
.site-footer .footer-about-mini span,
.site-footer .footer-bottom{color:var(--moj-v33-text)!important;}
.site-footer .footer-col a:hover,
.site-footer .designer-name,
.site-footer .footer-bottom b{color:var(--moj-v33-teal-dark)!important;}
.site-footer .footer-bottom.moj-footer-signature{
  background:transparent!important;
  border-top:1px solid rgba(11,119,133,.12)!important;
}
.moj-footer-english .copyright-mark,
.footer-signature-line .copyright-mark{
  background:#ffffff!important;
  color:var(--moj-v33-teal-dark)!important;
  border-color:var(--moj-v33-line)!important;
}

/* Mobile header: logo and site name fully on the right, hamburger on the left */
@media(max-width:980px){
  .topbar-inner{
    direction:rtl!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:70px!important;
  }
  .brand,.mojmusic-logo-lockup{
    order:1!important;
    margin-inline:0!important;
    margin-left:auto!important;
    justify-content:flex-start!important;
    flex:0 1 auto!important;
    max-width:calc(100% - 62px)!important;
    gap:10px!important;
  }
  .brand-title,.brand-text{
    display:inline-block!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:20px!important;
    line-height:1.2!important;
  }
  .menu-toggle{
    order:9!important;
    margin-right:auto!important;
    margin-left:0!important;
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    background:#fff!important;
    border-color:var(--moj-v33-line)!important;
    box-shadow:0 8px 18px rgba(6,112,128,.06)!important;
  }
  .menu-toggle span{background:var(--moj-v33-teal-dark)!important;}
  .mobile-panel{top:72px!important;right:12px!important;left:12px!important;}
}
@media(max-width:390px){
  .brand-title,.brand-text{font-size:18px!important;}
  .moj-logo-mark,.brand-logo{width:42px!important;height:42px!important;min-width:42px!important;}
  .menu-toggle{width:42px!important;height:42px!important;flex-basis:42px!important;}
}

/* Mobile featured: keep 8 items as two rows of 4, but not squeezed */
@media(max-width:680px){
  .bestahang-featured-home.moj-featured-strip{
    padding:10px!important;
    border-radius:22px!important;
    overflow:visible!important;
  }
  .bestahang-featured-home .box-title{
    justify-content:flex-start!important;
    text-align:right!important;
    margin:0 0 12px!important;
    font-size:15px!important;
    line-height:1.7!important;
  }
  .bestahang-featured-home .special-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
  }
  .bestahang-featured-home .special-card{
    display:block!important;
    width:100%!important;
    border-radius:16px!important;
    box-shadow:0 8px 20px rgba(6,112,128,.06)!important;
    border-color:rgba(201,233,238,.75)!important;
    background:#fff!important;
  }
  .bestahang-featured-home .special-cover,
  .bestahang-featured-home .special-cover img{
    width:100%!important;
    aspect-ratio:1/1!important;
    border-radius:15px!important;
  }
  .bestahang-featured-home .special-card:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 12px 25px rgba(67,75,76,.10)!important;
  }
}
@media(max-width:430px){
  .bestahang-featured-home .special-grid{gap:7px!important;}
  .bestahang-featured-home.moj-featured-strip{padding:8px!important;}
}

/* Mobile footer: each footer part is a vertical list, clean and compact */
@media(max-width:680px){
  .site-footer,footer{
    margin-top:24px!important;
    background:linear-gradient(180deg,#f2fcfd 0%,#ffffff 56%,#eefafb 100%)!important;
  }
  .site-footer .footer-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding-top:18px!important;
    padding-bottom:14px!important;
  }
  .site-footer .footer-col{
    display:block!important;
    padding:13px 14px!important;
    border:1px solid rgba(201,233,238,.72)!important;
    border-radius:18px!important;
    background:#fff!important;
  }
  .site-footer .footer-col h3{
    font-size:14px!important;
    margin:0 0 8px!important;
    line-height:1.6!important;
  }
  .site-footer .footer-col p,
  .site-footer .footer-about-mini span{
    display:block!important;
    font-size:12.7px!important;
    line-height:1.9!important;
  }
  .site-footer .footer-col a{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:6px 0!important;
    border-bottom:1px solid rgba(201,233,238,.58)!important;
    font-size:12.8px!important;
    line-height:1.8!important;
    text-align:right!important;
  }
  .site-footer .footer-col a:last-child{border-bottom:0!important;}
  .footer-about .footer-about-mini{
    display:block!important;
    margin-top:9px!important;
    padding-top:9px!important;
    border-top:1px solid rgba(201,233,238,.58)!important;
  }
  .site-footer .footer-bottom.moj-footer-signature{
    padding:12px 10px 16px!important;
    min-height:0!important;
    background:transparent!important;
  }
  .moj-footer-signature .footer-signature-line,
  .footer-signature-line.moj-footer-english,
  .moj-footer-english{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
    font-size:11.8px!important;
    line-height:1.75!important;
  }
}

/* v3.4 - reduce post card shadow intensity to 0.05 */
.post-card,
.post-card.moj-poster-card,
.posts-grid .post-card,
.tag-layout .post-card,
.archive-layout .post-card,
.category-layout .post-card,
.tax-music_category .post-card,
.tax-artist .post-card{
  box-shadow:0 12px 28px rgba(6,112,128,.05)!important;
}
.post-card:hover,
.post-card.moj-poster-card:hover,
.posts-grid .post-card:hover,
.tag-layout .post-card:hover,
.archive-layout .post-card:hover,
.category-layout .post-card:hover,
.tax-music_category .post-card:hover,
.tax-artist .post-card:hover{
  box-shadow:0 14px 32px rgba(6,112,128,.05)!important;
}