/*
Theme Name: KopalaMusic V2
Description: Original responsive music and entertainment portal theme for KopalaMusic.com.
Version: 11.1
*/
:root{--red:#d71920;--black:#111;--gray:#f3f3f3;--line:#e5e5e5}
*{box-sizing:border-box}body{margin:0;background:var(--gray);font-family:Arial,Helvetica,sans-serif;color:#151515}a{text-decoration:none;color:inherit}
.wrap{width:min(1180px,calc(100% - 24px));margin:auto}.top{background:#111;color:#ddd;font-size:12px;padding:7px 0}.topin{display:flex;justify-content:space-between}
.header{background:#fff;border-bottom:1px solid var(--line)}.headin{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-size:28px;font-weight:900}.logo b{color:var(--red)}.logo small{font-size:12px}
.search{display:flex;width:360px}.search input{width:100%;border:1px solid #ccc;padding:11px}.search button{background:var(--red);color:white;border:0;padding:0 16px;font-weight:bold}
.nav{background:var(--red);color:#fff}.nav ul{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto}.nav li a{display:block;padding:13px 15px;font-size:13px;font-weight:bold;white-space:nowrap}.nav li a:hover{background:#a90e14}
.subnav{background:#fff;border-bottom:1px solid var(--line)}.subnavin{display:flex;gap:18px;overflow:auto}.subnav a{font-size:12px;padding:10px 0;white-space:nowrap;color:#555;font-weight:bold}
.ad{min-height:100px;background:#ddd;display:flex;align-items:center;justify-content:center;color:#777;margin:18px 0}
.content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.section{background:#fff;border:1px solid var(--line);margin-bottom:18px}.sectitle{padding:12px 14px;border-bottom:3px solid var(--red);font-weight:900;font-size:18px}
.posts{padding:12px}.post{display:grid;grid-template-columns:145px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.post:last-child{border-bottom:0}
.thumb{width:145px;height:100px;background:#ddd;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#888;font-size:11px;text-align:center}.thumb img{width:100%;height:100%;object-fit:cover}
.post h2{font-size:17px;line-height:1.3;margin:4px 0 8px}.post p{margin:0;color:#666;font-size:13px;line-height:1.45}.meta{font-size:11px;color:#888}.cat{font-size:10px;text-transform:uppercase;color:var(--red);font-weight:bold}
.sidebar .box{background:#fff;border:1px solid var(--line);margin-bottom:18px;padding:13px}.box h3{margin:0 -13px 10px;padding:0 13px 10px;border-bottom:2px solid var(--red);font-size:16px}
.sidepost{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid #eee}.sidepost:last-child{border:0}.sideimg{width:72px;height:58px;background:#ddd;overflow:hidden;flex:none}.sideimg img{width:100%;height:100%;object-fit:cover}.sidepost strong{font-size:12px;line-height:1.3}
.pagination{padding:14px;display:flex;gap:6px;flex-wrap:wrap}.pagination a,.pagination span{padding:8px 11px;border:1px solid #ddd;background:#fff;font-size:12px}.pagination .current{background:var(--red);color:#fff;border-color:var(--red)}
.single{background:#fff;border:1px solid var(--line);padding:18px}.single h1{font-size:28px;line-height:1.2;margin:6px 0 10px}.single .featured{width:100%;height:auto;display:block;margin:14px 0}.single-content{font-size:16px;line-height:1.75}.single-content img{max-width:100%;height:auto}
.player{position:sticky;bottom:0;background:#111;color:#fff;z-index:20}.playerin{display:flex;align-items:center;gap:12px;padding:10px 0}.play{border:0;background:var(--red);color:#fff;border-radius:50%;width:40px;height:40px}.footer{background:#151515;color:#ccc;padding:30px 0;margin-top:20px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer h3{color:#fff}.copy{border-top:1px solid #333;padding-top:14px;margin-top:20px;font-size:11px}
@media(max-width:800px){.content{grid-template-columns:1fr}.sidebar{display:block}.search{width:250px}.headin{min-height:62px}.logo{font-size:23px}}
@media(max-width:560px){.topin{display:none}.headin{justify-content:center}.search{display:none}.post{grid-template-columns:105px minmax(0,1fr);gap:10px}.thumb{width:105px;height:80px}.post h2{font-size:14px}.post p{display:none}.sectitle{font-size:16px}.footgrid{grid-template-columns:1fr}.subnavin{gap:14px}}

/* TrendyBeatz-style portal structure, with KopalaMusic red branding */
body{background:#fff}.header{border-bottom:1px solid #eee}.nav{background:#000000}.nav li a{padding:13px 14px}
.portal{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.portal-main{min-width:0}.portal-side{min-width:0}
.song-section{margin:0 0 24px;background:#fff}.song-section h2{font-size:19px;margin:0;padding:11px 12px;border-left:5px solid #000000;border-bottom:1px solid #eee}
.song-row{display:grid;grid-template-columns:62px minmax(0,1fr) 82px;gap:10px;align-items:center;padding:9px 5px;border-bottom:1px solid #eee}.song-art{width:62px;height:62px;background:#eee;overflow:hidden}.song-art img{width:100%;height:100%;object-fit:cover}.song-title{font-size:13px;font-weight:700;margin:0 0 4px}.song-artist{font-size:11px;color:#777}.discover-btn{background:#000000;color:#fff;padding:6px 8px;border-radius:3px;font-size:10px;font-weight:700;text-align:center}
.blog-row{display:grid;grid-template-columns:105px 1fr;gap:11px;padding:10px 4px;border-bottom:1px solid #eee}.blog-img{width:105px;height:76px;background:#eee;overflow:hidden}.blog-img img{width:100%;height:100%;object-fit:cover}.blog-title{font-size:13px;line-height:1.35;font-weight:700}.blog-meta{font-size:10px;color:#888;margin-top:5px}
.side-title{font-size:16px;font-weight:800;border-bottom:2px solid #000000;padding-bottom:8px;margin-bottom:7px}.artist-links{display:flex;flex-wrap:wrap;gap:6px}.artist-links a{font-size:11px;background:#f4f4f4;padding:7px 8px;border-radius:2px}.top-box{background:#fff;border:1px solid #eee;padding:12px;margin-bottom:18px}.top-box ol{margin:0;padding-left:20px}.top-box li{padding:7px 0;border-bottom:1px solid #eee;font-size:12px}
@media(max-width:800px){.portal{grid-template-columns:1fr}.portal-side{display:block}}
@media(max-width:480px){.song-row{grid-template-columns:55px 1fr}.song-art{width:55px;height:55px}.discover-btn{display:none}.blog-row{grid-template-columns:90px 1fr}.blog-img{width:90px;height:68px}}

/* Advanced mobile-first music portal */
body{background:#fff}.wrap{width:min(1180px,calc(100% - 18px))}
.header{background:#fff}.headin{min-height:64px}.logo{font-size:26px}
.nav{background:#050505;box-shadow:none}.nav ul{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}.nav li a{text-align:center;padding:13px 7px;min-height:52px;display:flex;align-items:center;justify-content:center;line-height:1.1}.nav li:first-child a{background:#000000;border-radius:5px;margin:5px}
.subnav{background:#050505;color:#fff;border:0}.subnavin{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.subnav a{color:#fff;text-align:center;padding:12px 4px;line-height:1.1}
.ad{background:#fafafa;border:1px dashed #ddd;height:90px;margin:20px 0}.hero-space{height:10px}
.sod-wrap{padding:0}.sod-card{display:grid;grid-template-columns:48% 52%;align-items:center;background:#fff;border:1px solid #eee;border-radius:18px;padding:12px;box-shadow:0 5px 22px #0000000d;margin:0 0 20px}.sod-art{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:#eee}.sod-art img{width:100%;height:100%;object-fit:cover}.sod-info{padding:0 10px}.pill-label{display:inline-block;background:#111;color:#fff;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:800}.sod-artist{font-size:25px;color:#000000;margin:10px 0 4px;font-weight:900;line-height:1.05}.sod-title{font-size:16px;font-weight:800;line-height:1.25}.action-row{display:flex;align-items:center;gap:7px;margin-top:10px}.btn-discover,.btn-stream{border-radius:25px;padding:9px 16px;color:#fff;font-size:13px}.btn-discover{background:linear-gradient(100deg,#4f6df5,#18a9d7)}.btn-stream{background:linear-gradient(100deg,#14bd68,#0caf76)}.divider{font-weight:900}
.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #000000;padding:10px 2px;margin:22px 0 5px}.section-head h2{font-size:19px;margin:0}.section-head a{font-size:11px;color:#000000;font-weight:800}
.song-row{grid-template-columns:72px minmax(0,1fr) 86px;padding:10px 4px}.song-art{width:72px;height:72px;border-radius:5px}.song-title{font-size:14px}.discover-btn{background:#000000;border-radius:20px}
.blog-row{grid-template-columns:120px 1fr;padding:11px 3px}.blog-img{width:120px;height:82px;border-radius:5px}.blog-title{font-size:14px}
.portal{grid-template-columns:minmax(0,1fr) 300px}.portal-side .top-box{border-radius:5px}
.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-cloud a{padding:7px 9px;border:1px solid #ddd;border-radius:3px;font-size:11px}
.site-footer-nav{background:#050505;color:#fff;padding:20px 0}.site-footer-nav h3{font-size:14px}.site-footer-nav a{font-size:11px;color:#ddd}
@media(max-width:650px){
 .nav ul,.subnavin{grid-template-columns:repeat(4,1fr)}
 .nav li a{font-size:14px}.subnav a{font-size:12px}
 .headin{justify-content:center}.search{display:none}
 .sod-card{grid-template-columns:48% 52%;padding:12px;border-radius:17px}.sod-info{padding-left:10px}.sod-artist{font-size:24px}.sod-title{font-size:15px}.btn-discover,.btn-stream{padding:8px 13px;font-size:12px}
 .portal{grid-template-columns:1fr}.portal-side{display:block}.song-row{grid-template-columns:68px minmax(0,1fr) 78px}.song-art{width:68px;height:68px}
}
@media(max-width:430px){
 .nav li a{font-size:13px}.subnav a{font-size:11px}
 .sod-card{grid-template-columns:50% 50%;padding:9px}.sod-info{padding-left:9px}.sod-artist{font-size:21px}.sod-title{font-size:14px}.pill-label{font-size:10px;padding:5px 8px}.btn-discover,.btn-stream{padding:7px 10px;font-size:11px}.action-row{gap:5px}
 .song-row{grid-template-columns:62px 1fr}.song-art{width:62px;height:62px}.discover-btn{display:none}
 .blog-row{grid-template-columns:100px 1fr}.blog-img{width:100px;height:72px}.blog-title{font-size:13px}
}

.nav .nav-home a{background:#000000;border-radius:6px;margin:5px}.nav .nav-home a:hover{background:#222222}
.next-posts{text-align:center;padding:14px 0 20px}.next-posts a{display:inline-block;background:#000000;color:#fff;border-radius:5px;padding:11px 22px;font-size:13px;font-weight:800;box-shadow:0 3px 8px #00000030}.next-posts a:hover{background:#222222}
.pagination{justify-content:center;margin-top:10px}.pagination a,.pagination span{border-radius:4px}.pagination .current{background:#000000}
@media(max-width:650px){.nav ul{grid-template-columns:repeat(4,1fr)}.nav li a{min-height:55px}}

.mobile-search{display:block;background:#f3f3f3;border-bottom:1px solid #ddd;padding:10px 0}
.mobile-search form{display:flex;max-width:700px;margin:auto;gap:7px}
.mobile-search input{flex:1;min-width:0;border:1px solid #ccc;background:#fff;border-radius:4px;padding:11px 12px;font-size:14px;outline:none}
.mobile-search input:focus{border-color:#000000;box-shadow:0 0 0 2px #00000020}
.mobile-search button{border:0;background:#000000;color:#fff;border-radius:4px;padding:0 16px;font-weight:800}
.search button:hover,.mobile-search button:hover{background:#222222}
@media(min-width:651px){.mobile-search{display:none}}
@media(max-width:650px){.mobile-search{display:block}.headin{min-height:60px}.search{display:none}}

.upload-number{font-size:20px;color:#000000;margin-top:8px}
.mobile-search-form{display:flex;width:100%;gap:7px}.mobile-search-form input[type="search"]{flex:1;min-width:0}

.search-results .sectitle{border-bottom-color:#000000}
.mobile-search-form input:invalid{box-shadow:none}

.mobile-search-form input:focus{border-color:#000000;outline:none}
.mobile-search-form button{cursor:pointer}
.search button{cursor:pointer}

.km-search-panel{background:#fff;border-bottom:1px solid #ddd;box-shadow:0 5px 18px #00000012;position:relative;z-index:50}
.km-search-panel[hidden]{display:none}
.km-search-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #000000;padding:14px 0;font-size:19px}
.km-search-head button{border:0;background:#111;color:#fff;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:30px;cursor:pointer}
.km-search-status{padding:12px 0 6px;color:#666;font-size:13px}
.km-search-results{display:grid;gap:10px;padding:0 0 18px}
.km-result{border:1px solid #e8e8e8;border-left:4px solid #000000;border-radius:6px;background:#fff;padding:12px}
.km-result h3{margin:4px 0 10px;font-size:16px;line-height:1.3}
.km-result h3 a{color:#111;text-decoration:none}
.km-result-cat{color:#000000;text-transform:uppercase;font-size:10px;font-weight:800}
.km-result-btn{display:inline-block;background:#000000;color:#fff;border-radius:4px;padding:7px 11px;font-size:11px;font-weight:800;text-decoration:none}
.km-no-results{padding:20px 5px;text-align:center;color:#666}

/* KopalaMusic Black Edition */
:root{--rmp-black:#050505;--rmp-dark:#111;--rmp-line:#242424;--rmp-soft:#f4f4f4}
body{background:#f7f7f7}
.top{background:#000;color:#bbb}
.header{background:#050505;color:#fff}
.logo{color:#fff;letter-spacing:.3px}.logo b{color:#fff}.logo small{color:#aaa}
.nav{background:#000;border-top:1px solid #222;border-bottom:1px solid #222}
.nav li a{color:#eee}.nav li a:hover{background:#1c1c1c}
.nav .nav-home a{background:#fff!important;color:#000!important;border-radius:4px}
.nav .nav-home a:hover{background:#ddd!important}
.subnav{background:#151515}.subnav a{color:#ddd}.subnav a:hover{color:#fff;background:#252525}
.mobile-search{background:#111;border-bottom:1px solid #292929}.mobile-search input{background:#fff}.mobile-search button,.search button{background:#000;color:#fff}.mobile-search button:hover,.search button:hover{background:#333}
.sod-card{background:#0a0a0a;color:#fff;box-shadow:0 8px 25px #0003}.pill-label{background:#fff!important;color:#000!important}.sod-artist{color:#fff}
.section-head{border-bottom-color:#000}.section-head a{color:#000}
.song-row,.blog-row{border-bottom:1px solid #e5e5e5}.song-title a,.blog-title a{color:#111}.song-artist,.blog-meta{color:#777}
.discover-btn{background:#000!important}.discover-btn:hover{background:#333!important}
.next-posts a{background:#000;box-shadow:0 3px 8px #0003}.next-posts a:hover{background:#333}
.pagination .current{background:#000}
.top-box{background:#fff;border:1px solid #e3e3e3}.side-title{border-bottom-color:#000}
.tag-cloud a:hover{background:#000;color:#fff;border-color:#000}
.player{background:#000;color:#fff}.play{background:#fff;color:#000}
.site-footer-nav{background:#000}.site-footer-nav a{color:#bbb}.site-footer-nav a:hover{color:#fff}
.footer{background:#0b0b0b;color:#ddd}.footer h3{color:#fff}.footer a{color:#bbb}
.upload-number{color:#fff}
.km-search-panel{background:#fff}.km-search-head{border-bottom-color:#000}.km-result-btn{background:#000!important}.km-result-cat{color:#555}
@media(max-width:650px){
 .nav li a{color:#eee}
 .nav .nav-home a{color:#000!important}
 .sod-card{border:1px solid #242424}
}

/* KopalaMusic Red Edition - based on the RamzyMusicPromos Black V11 layout */
:root{--km-red:#e00000;--km-red-dark:#b80000;--km-black:#050505;--km-line:#252525}
body{background:#fff;color:#151515}
.top{background:#000;color:#bbb}
.header{background:#050505;color:#fff;border-bottom:1px solid #1f1f1f}
.headin{min-height:62px;justify-content:center;position:relative}
.site-logo{display:flex;align-items:center;justify-content:center;width:46px;height:46px;overflow:hidden;border-radius:50%}
.site-logo img{display:block;width:42px;height:42px;object-fit:contain}
.logo{display:none}
.search{position:absolute;right:0;width:360px}
.search input{background:#fff;color:#111}
.search button{background:var(--km-red);color:#fff}
.nav{background:#000;border-top:1px solid #222;border-bottom:1px solid #222}
.nav li a{color:#eee}
.nav li a:hover{background:#1c1c1c}
.nav .nav-home a{background:var(--km-red)!important;color:#fff!important;border-radius:20px;margin:5px}
.nav .nav-home a:hover{background:var(--km-red-dark)!important}
.subnav{background:#111;color:#fff;border-bottom:1px solid #242424}
.subnav a{color:#ddd}
.subnav a:hover{color:#fff;background:#252525}
.mobile-search{background:#111;border-bottom:1px solid #292929}
.mobile-search input{background:#fff;color:#111}
.mobile-search button{background:var(--km-red);color:#fff}
.mobile-search input:focus{border-color:var(--km-red);box-shadow:0 0 0 2px #e0000030}
.sod-card{background:#0a0a0a;color:#fff;box-shadow:0 8px 25px #0003}
.pill-label{background:var(--km-red)!important;color:#fff!important}
.sod-artist{color:#fff}
.btn-discover{background:var(--km-red)!important}
.btn-stream{background:#222!important}
.section-head{border-bottom-color:var(--km-red)}
.section-head a{color:var(--km-red)}
.discover-btn{background:var(--km-red)!important}
.discover-btn:hover{background:var(--km-red-dark)!important}
.next-posts a{background:var(--km-red)}
.next-posts a:hover{background:var(--km-red-dark)}
.pagination .current{background:var(--km-red);border-color:var(--km-red)}
.top-box{background:#fff;border:1px solid #e3e3e3}
.side-title{border-bottom-color:var(--km-red)}
.tag-cloud a:hover{background:var(--km-red);color:#fff;border-color:var(--km-red)}
.player{background:#000;color:#fff}
.play{background:var(--km-red);color:#fff}
.site-footer-nav{background:#000}
.footer{background:#0b0b0b;color:#ddd}
.upload-number{color:var(--km-red)!important}
.km-search-head{border-bottom-color:var(--km-red)}
.km-result{border-left-color:var(--km-red)}
.km-result-btn{background:var(--km-red)!important}
.km-result-cat{color:var(--km-red)}
.sectitle{border-bottom-color:var(--km-red)}
@media(max-width:650px){.headin{justify-content:center}.search{display:none}.site-logo{width:40px;height:40px}.site-logo img{width:36px;height:36px}}


/* ===== ZEDNOB-STYLE PORTAL UPGRADE V12 ===== */
.km-breaking{background:#fff;border-bottom:1px solid #ddd;overflow:hidden}
.km-breaking-in{display:flex;align-items:center;height:42px}
.km-breaking-label{flex:0 0 auto;background:var(--km-red);color:#fff;font-size:11px;font-weight:900;padding:7px 11px;margin-right:10px}
.km-ticker{overflow:hidden;white-space:nowrap;flex:1}
.km-ticker-track{display:inline-flex;min-width:max-content;animation:kmTicker 38s linear infinite}
.km-ticker-track:hover{animation-play-state:paused}
.km-ticker-track a{font-size:12px;font-weight:800;margin-right:55px;color:#222}
.km-ticker-track a:after{content:"•";color:var(--km-red);margin-left:55px}
@keyframes kmTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.side-views{display:block;color:#888;font-size:10px;margin-top:3px}
.share-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.share-row a{background:#f1f1f1;border:1px solid #ddd;padding:7px 11px;border-radius:3px;font-size:11px;font-weight:800}.share-row a:hover{background:var(--km-red);color:#fff;border-color:var(--km-red)}
.download-box{margin:20px 0;padding:15px;background:#f6f6f6;border:1px solid #e5e5e5}.download-btn{display:inline-block;background:var(--km-red);color:#fff;padding:12px 18px;border-radius:4px;font-weight:900;margin-bottom:12px}.download-box audio{display:block;width:100%}.post-stats{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:12px 0;color:#777;font-size:12px}.author-box{margin:20px 0;padding:16px;background:#fafafa;border-left:4px solid var(--km-red)}.author-box p{margin:7px 0 0;color:#666}.related-title{font-size:20px;border-bottom:2px solid var(--km-red);padding-bottom:8px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.related-card{border:1px solid #eee;padding:10px;background:#fff;display:grid;grid-template-columns:105px 1fr;gap:10px}.related-card img{width:105px;height:78px;object-fit:cover}.related-card h3{font-size:13px;line-height:1.3;margin:5px 0}
@media(max-width:650px){
 .km-breaking-in{height:40px}.km-breaking-label{font-size:10px;padding:6px 8px}.km-ticker-track a{font-size:11px;margin-right:42px}.km-ticker-track a:after{margin-left:42px}
 .single{padding:14px}.single h1{font-size:24px}.single-content{font-size:15px}
 .related-grid{grid-template-columns:1fr}.related-card{grid-template-columns:95px 1fr}.related-card img{width:95px;height:72px}
}