/* MixDunia-style unified UI layer - 2026-09-02
   Public-site typography/layout is intentionally kept close to mixdunia.in's compact legacy style.
   Functionality/layout markup is untouched. */
:root{
 --md-purple:#3d20cf;
 --md-link:#0000cc;
 --md-text:#111;
 --md-muted:#555;
 --md-border:#d8d8d8;
 --md-soft:#eee;
}
html{scroll-behavior:smooth!important;scroll-padding-top:8px!important}
html,body{font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;line-height:18px!important;color:var(--md-text)!important;background:#fff!important;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important}
body *{font-family:Arial,Helvetica,sans-serif!important;box-sizing:border-box!important}
body p,body li,body td,body th,body label,body span,body small{font-size:13px;line-height:18px}
a{font-size:13px!important;line-height:18px!important;transition:opacity .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important}
a:hover{opacity:.9}
h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;margin-top:0}
h1{font-size:15px!important;line-height:20px!important}h2{font-size:14px!important;line-height:19px!important}h3,h4,h5,h6{font-size:13px!important;line-height:18px!important}

/* Keep MixDunia's compact page rhythm while adding only very subtle polish. */
#bd-layout-header,#bd-layout-content,.bd-content,.content,.main-content,.page-content{background:#fff!important}
.unique-logo-header{box-shadow:0 2px 10px rgba(0,0,0,.10)!important}
.unique-main-logo{transition:transform .18s ease,filter .18s ease!important}
.unique-main-logo:hover{transform:scale(1.01)!important}
.mixdunia-tagline-bar{font-size:13px!important;line-height:20px!important;font-weight:700!important}
.bd-top-artists-inner{box-shadow:0 1px 8px rgba(0,0,0,.05)!important}
.bd-top-pill{font-size:9px!important;line-height:14px!important;min-height:0!important;padding:5px 10px!important}
.mixdunia-wa{font-size:16px!important;line-height:20px!important}

/* Search */
.mixdunia-search,.search-container-box{background:#f7f7f7!important;border-bottom:1px solid #ddd!important;box-shadow:0 2px 8px rgba(0,0,0,.04)!important}
.mixdunia-search input,.search-input-wrapper input{font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;line-height:18px!important}
.mixdunia-search button,.modern-btn-primary{font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:18px!important}
input,select,textarea{font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;line-height:18px!important}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(61,32,207,.10)!important}

/* Section bars */
.mix-home-title,.mix-file-titlebar,.section-title,.az-head h1,.modern-hero-header h1{font-size:13px!important;line-height:18px!important;font-weight:700!important;box-shadow:0 2px 7px rgba(61,32,207,.10)!important}
.mix-pill,.mix-sec-quick_links .mix-link{font-size:11px!important;line-height:16px!important}
.mix-pill:hover,.mix-sec-quick_links .mix-link:hover,.bd-top-pill:hover{transform:translateY(-1px)!important;box-shadow:0 3px 9px rgba(61,32,207,.14)!important}

/* Lists: same compact typography as MixDunia. */
.folder-row-card,.item-card,.artist-card,.modern-card,.mix-remixer-card,.mini-stub{box-shadow:0 1px 6px rgba(0,0,0,.035)!important;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease!important}
.folder-row-card:hover,.item-card:hover,.artist-card:hover,.modern-card:hover,.mix-remixer-card:hover,.mini-stub:hover{background:#fcfcff!important;box-shadow:0 3px 11px rgba(0,0,0,.08)!important;transform:translateY(-1px)!important}
.folder-row-card .file-name-neon,.item-card .file-name-neon,.artist-name,.card-title,.mix-remixer-name{font-size:13px!important;line-height:18px!important;font-weight:700!important}
.folder-count-badge,.artist-meta,.card-meta-flex,.meta-pill-badge{font-size:10px!important;line-height:16px!important;color:#555!important}
.file-meta-row{font-size:10px!important;line-height:16px!important}
.latest-category,.latest-sep{font-size:12px!important;line-height:17px!important}
.mix-sec-latest .mix-song{font-size:12px!important;line-height:17px!important}
.mix-sec-categories .mix-cat-row,.mix-sec-services .mix-service-row{font-size:13px!important;line-height:18px!important}
.mix-own-site{font-size:18px!important;line-height:21px!important}
.mix-contact-bar{font-size:12px!important;line-height:18px!important}

/* Detail/download pages */
.track-title,.download-file-title{font-size:14px!important;line-height:19px!important;font-weight:700!important}
.track-meta:before{font-size:13px!important;line-height:18px!important}
.legacy-play-online{font-size:12px!important;line-height:18px!important}
.file-info-row,.file-info-box,.download-meta{font-size:12px!important;line-height:18px!important}
.download-main-btn,.download-home-btn,.download-btn{font-size:12px!important;line-height:18px!important;font-weight:700!important;box-shadow:0 3px 9px rgba(0,0,0,.08)!important}
.download-main-btn:hover,.download-home-btn:hover,.download-btn:hover{transform:translateY(-1px)!important;box-shadow:0 5px 13px rgba(0,0,0,.12)!important}
.download-view-card,.player-card,.share-card{box-shadow:0 2px 10px rgba(0,0,0,.05)!important}
.download-file-icon,.album-inner{box-shadow:0 4px 13px rgba(0,0,0,.08)!important}
.breadcrumb-box,.tag-holder-box{font-size:12px!important;line-height:18px!important;background:#fff!important;box-shadow:0 1px 7px rgba(0,0,0,.04)!important}
.custom-pagination a,.custom-pagination span,.az-pagination a,.az-pagination span{font-size:11px!important;line-height:18px!important}
.site-footer,.site-footer a{font-size:12px!important;line-height:18px!important}

/* Exact-ish legacy download/file typography already used by the target site. */
.bd-download-page,.bd24-shot-page{font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important}
.bd-download-titlebar,.bd-download-section-title,.bd24-shot-title,.bd24-shot-bar,.bd24-shot-tags-title{font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;line-height:27px!important;font-weight:700!important}
.bd-song-name,.bd24-shot-song{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:19px!important}
.bd-note{font-size:13px!important;line-height:20px!important}
.bd-play-label{font-size:12px!important}
.bd-download-link{font-size:11px!important}
.bd-remixer-line{font-size:12px!important}
.bd-small-label{font-size:11px!important}
.bd-meta-value{font-size:13px!important;line-height:19px!important}
.bd-action-btn{font-size:11px!important}
.bd-share-copy-btn{font-size:12px!important}
.bd-related-name,.bd24-shot-related-name{font-size:14px!important;line-height:18px!important}
.bd-related-stats,.bd24-shot-related-sub{font-size:10px!important;line-height:16px!important}
.bd-path,.bd24-shot-path{font-size:12px!important}
.bd-tags-text,.bd24-shot-tags-text{font-size:10px!important;line-height:19px!important}

/* Smooth but restrained scrollbar */
*{scrollbar-width:thin;scrollbar-color:#aaa transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#aaa;border-radius:99px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#777;background-clip:padding-box}

@media(max-width:600px){
 html,body{font-size:12px!important;line-height:17px!important}
 body p,body li,body td,body th,body label,body span,body small,a{font-size:12px!important;line-height:17px!important}
 h1{font-size:14px!important;line-height:19px!important}h2{font-size:13px!important;line-height:18px!important}h3,h4,h5,h6{font-size:12px!important;line-height:17px!important}
 .mixdunia-tagline-bar{font-size:12px!important;line-height:19px!important}
 .bd-top-pill{font-size:9px!important;line-height:14px!important}
 .mixdunia-wa{font-size:13px!important;line-height:19px!important}
 .mix-home-title,.mix-file-titlebar,.section-title,.az-head h1,.modern-hero-header h1{font-size:12px!important;line-height:18px!important}
 .mix-pill,.mix-sec-quick_links .mix-link{font-size:10px!important;line-height:15px!important}
 .folder-row-card .file-name-neon,.item-card .file-name-neon,.artist-name,.card-title,.mix-remixer-name{font-size:12px!important;line-height:17px!important}
 .folder-count-badge,.artist-meta,.card-meta-flex,.meta-pill-badge,.file-meta-row{font-size:9px!important;line-height:15px!important}
 .latest-category,.latest-sep{font-size:11px!important;line-height:16px!important}
 .mix-sec-latest .mix-song{font-size:11px!important;line-height:16px!important}
 .mix-sec-categories .mix-cat-row,.mix-sec-services .mix-service-row{font-size:12px!important;line-height:17px!important}
 .mix-own-site{font-size:16px!important;line-height:20px!important}
 .mix-contact-bar{font-size:11px!important;line-height:17px!important}
 .track-title,.download-file-title{font-size:13px!important;line-height:18px!important}
 .track-meta:before{font-size:12px!important;line-height:17px!important}
 .file-info-row,.file-info-box,.download-meta{font-size:11px!important;line-height:17px!important}
 .download-main-btn,.download-home-btn,.download-btn{font-size:11px!important;line-height:17px!important}
 .breadcrumb-box,.tag-holder-box{font-size:11px!important;line-height:17px!important}
 .site-footer,.site-footer a{font-size:11px!important;line-height:17px!important}
 .bd-download-titlebar,.bd-download-section-title,.bd24-shot-title,.bd24-shot-bar,.bd24-shot-tags-title{font-size:12px!important;line-height:26px!important}
 .bd-song-name,.bd24-shot-song{font-size:13px!important;line-height:18px!important}
 .bd-note{font-size:11px!important;line-height:17px!important}
 .bd-meta-value{font-size:12px!important;line-height:18px!important}
 .bd-related-name,.bd24-shot-related-name{font-size:13px!important;line-height:17px!important}
 .bd-related-stats,.bd24-shot-related-sub{font-size:9px!important;line-height:15px!important}
}
