/* B-Zik brand accent, including modules loaded through AJAX navigation. */
/* Persistent module tab rails; only the content panel is replaced. */
.bz-module-tabs{min-width:0}
.bz-module-status{padding:10px 24px;color:#7b858e;font-size:14px}
.bz-module-status[hidden]{display:none}
.bz-module-status button{background:none;border:0;color:#ffa200;cursor:pointer;font:inherit;margin-left:10px;text-decoration:underline}
.bz-module-content[aria-busy="true"]{opacity:.65;pointer-events:none}
.bz-module-nav a[aria-busy="true"]{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:6px}
.bz-module-tabs[data-tab-group="photos"]>.bz-module-nav{max-width:1440px;margin:0 auto;padding:26px 32px 0;--pv-accent:#ffa200;--pv-muted:#7b858e;--pv-line:#e7eaee}
.bz-module-tabs[data-tab-group="photos"]>.bz-module-nav .pv-nav{margin-bottom:0}
.bz-module-tabs[data-tab-group="fans"]>.bz-module-nav{max-width:1240px;margin:0 auto;padding:24px 24px 0}
.bz-module-tabs[data-tab-group="fans"]>.bz-module-nav .fans-navigation{margin-bottom:0!important}
@media(max-width:767.98px){
 .bz-module-tabs[data-tab-group="photos"]>.bz-module-nav,.bz-module-tabs[data-tab-group="fans"]>.bz-module-nav{padding:18px 14px 0}
 .bz-module-nav :is(.nav-tabs,.pv-nav){display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .bz-module-nav :is(.nav-tabs,.pv-nav)::-webkit-scrollbar{display:none}
 .bz-module-nav :is(.nav-item,.pv-nav>a){flex:0 0 auto;white-space:nowrap}
}
:root { --bz-brand: #ffa200; --bz-ink-accent: #ffa200; --bz-filled-accent: #ffa200; --primary-color: #ffa200; --bs-primary: #ffa200; --bs-primary-rgb: 255,162,0; }
/* Remaining legacy selection accents. Keep error/destructive states and social
   network brand colors untouched; never apply this to every .active element. */
body .left-nav .nav li a.active,
body .left-nav .nav li a.active i,
body .mobile-tab a.active,
body .mobile-tab a.active i,
body .breadcrumb-item.active {
  color:var(--bz-ink-accent)!important;
}
body .left-nav .nav li a.active { border-left-color:#ffa200!important; }
body .mobile-tab { background:#fff!important; }
body .mobile-tab a.active { border-bottom-color:#ffa200!important; }
body .mobile-tab a:not(.active),
body .mobile-tab a:not(.active) i { color:#7b858e!important; }
body .mobile-tab a:not(.active) { border-bottom-color:transparent!important; }
body .share-container .embed-types a.active {
  color:var(--bz-ink-accent)!important;
  border-color:#ffa200!important;
  background:rgba(255,162,0,.1)!important;
}
body .auth-input:not(.is-invalid):not(.error):not([aria-invalid="true"]):focus {
  border-color:#ffa200;
  box-shadow:0 0 0 .2rem rgba(255,162,0,.25);
}
body .account-card .progress-bar { background:#ffa200!important; }
.bz-home, .bz-pro, .bz-pro-pay, .bz-pro-pay .bz-pro-button,
.fp-community, .artist-page, .dark-mode .artist-page, #authModal {
  --bz-accent: #ffa200 !important;
  --pro-accent: #ffa200 !important;
  --fp-accent: #ffa200 !important;
  --artist-accent: #ffa200 !important;
  --auth-accent: #ffa200 !important;
}
body .btn-primary, body .colored-bg, body .pro-badge {
  background-color: var(--bz-filled-accent) !important;
  border-color: #ffa200 !important;
}
body .text-primary, body .colored { color:var(--bz-ink-accent) !important; }
body .btn-outline-primary { color: #ffa200; border-color: #ffa200; }
body .btn-outline-primary:hover { background-color: var(--bz-filled-accent); color: #fff; }
body .fh-access-help, body .fh-resume { border-left-color:#ffa200; }
body .fh-access-actions button:first-child { border-color:#ffa200; }
body .fh-access-actions button:focus-visible { outline-color:#ffa200; }
#authModal .btn-primary { color: #fff; }
body .form-control:focus { border-color: #ffa200; }
body input[type=checkbox], body input[type=radio], body input[type=range] { accent-color: #ffa200; }
.sound-container .jp-progress .jp-play-bar,
.sound-container .jp-progress .jp-play-bar::after,
.sound-container .right-play-controls .progress .progress-bar {
  background: #ffa200;
}
.current-seek .jp-play, .current-seek .jp-pause, .liked, .reposted {
  color:var(--bz-ink-accent) !important;
  border-color: #ffa200 !important;
}

/* White foreground on filled orange actions, including AJAX-loaded modules.
   Do not target .follow, .play-button or active tabs globally: some of them
   deliberately use an orange icon/text on a transparent or white background. */
body .btn-primary, body .btn-primary *, body .pro-badge,
body :is(a,button,[role="button"]).colored-bg,
body :is(a,button,[role="button"]).colored-bg *,
body .btn-outline-primary:hover, body .btn-outline-primary:hover *,
body .bz-home .bz-play, body .bz-home .bz-play>span,
body .bz-home .bz-video-play i,
body .bz-pro-button:not(.bz-pro-secondary),
body .bz-pro-button:not(.bz-pro-secondary) *,
body .fh-access-actions button:first-child,
body .fh-access-actions button:first-child *,
body .fps-confirm .fps-confirm-accept,
body .fps-confirm .fps-confirm-accept * { color: #fff !important; }
/* Orange header actions (upload and Go Pro) use white text and icons. */
body .in-header .btn-primary,
body .in-header .btn-primary * { color:#fff!important; }
/* Header controls on every screen: neutral at rest, brand accent when engaged.
   Only direct toolbar icons are targeted; avatars, badges and menus stay intact. */
body .in-header :is(.navicon,.navicon-2)>i,
body .in-header .searchbar button>i,
body .in-header .right>ul>li>a:not(.btn-primary)>i { color:#7b858e!important; }
body .in-header :is(.navicon,.navicon-2):is(.active,[aria-expanded="true"],:active,:focus-visible)>i,
body .in-header .searchbar:focus-within button>i,
body .in-header .right>ul>li>a:not(.btn-primary):is(.active,[aria-expanded="true"],:active,:focus-visible)>i,
body .in-header .right>ul>li.show>a:not(.btn-primary)>i,
body .in-header .right>ul>li:has(>.notification-dropdown-container[style*="display: block"])>#show-notification-btn>i,
body:has(#keyboard-shorts-modal.show) .in-header a[data-target="#keyboard-shorts-modal"]>i { color:var(--bz-ink-accent)!important; }
/* Hover feedback is shared by all pages, but never sticks on touch screens. */
@media(hover:hover) and (pointer:fine){
  body .in-header :is(.navicon,.navicon-2):hover>i,
  body .in-header .searchbar button:hover>i,
  body .in-header .right>ul>li>a:not(.btn-primary):hover>i { color:var(--bz-ink-accent)!important; }
}
/* Dropdown actions (including profile overflow lists and AJAX album results).
   Leave disabled controls, danger actions, forms and informational rows alone. */
body .nav-tabs .dropdown-toggle {color:#7b858e!important;background:transparent!important;}
body .nav-tabs .dropdown-toggle:is(.active,[aria-expanded="true"],:focus-visible),
body .nav-tabs .nav-item.show>.dropdown-toggle {
  color:var(--bz-ink-accent)!important;border-bottom-color:#ffa200!important;
}
body :is(.dropdown-menu,.in-header .modern-user-menu) :is(a,button):not(.disabled,[disabled],[aria-disabled="true"],.text-danger,.btn-danger) {
  color:#7b858e!important;background:transparent!important;box-shadow:none;
  transform:none;transition:color .15s ease;
}
body :is(.dropdown-menu,.in-header .modern-user-menu) :is(a,button):not(.disabled,[disabled],[aria-disabled="true"],.text-danger,.btn-danger) :is(i,svg) { color:inherit!important; }
body :is(.dropdown-menu,.in-header .modern-user-menu) :is(a,button):not(.disabled,[disabled],[aria-disabled="true"],.text-danger,.btn-danger):is(.active,[aria-current="page"],[aria-selected="true"],:active,:focus-visible) {
  color:var(--bz-ink-accent)!important;
}
@media(hover:hover) and (pointer:fine){
  body .nav-tabs .dropdown-toggle:hover {color:var(--bz-ink-accent)!important;}
  body :is(.dropdown-menu,.in-header .modern-user-menu) :is(a,button):not(.disabled,[disabled],[aria-disabled="true"],.text-danger,.btn-danger):hover { color:var(--bz-ink-accent)!important; }
}
/* Mobile account header: one aligned row, without legacy float offsets.
   Keep the desktop header and the separate mobile navigation untouched. */
@media(max-width:550px){
  body .in-header{padding:5px 10px 5px 52px}
  body .in-header>.navicon{
    top:5px;left:4px;width:44px;height:40px;
    display:flex;align-items:center;justify-content:center;line-height:1;
  }
  body .in-header>.inner-container{width:100%;max-width:none;margin:0}
  body .in-header>.inner-container>.clearfix{display:flex;align-items:center;gap:10px;min-height:40px}
  body .in-header>.inner-container>.clearfix::after{display:none}
  body .in-header .left{float:none!important;flex:1 1 0;min-width:0}
  body .in-header .searchbar{
    top:0;width:100%;height:40px;min-width:0;margin:0;padding:4px 10px;
  }
  body .in-header .right{float:none!important;flex:0 0 auto}
  body .in-header .right>ul{float:none!important;display:flex;align-items:center;gap:8px}
  body .in-header .right>ul>li{margin:0;padding:0}
  body .in-header .right>ul>.mobile-bottom-up{top:auto;bottom:auto}
  body .in-header .right>ul>li:has(>.show-large){display:none}
  body .in-header .upload-btn-mobile,
  body .in-header .account-menu-link{
    position:relative;top:0!important;bottom:auto!important;
    display:flex;align-items:center;justify-content:center;
    width:40px;height:40px;min-width:40px;box-sizing:border-box;
    padding:0!important;margin:0!important;border:0;border-radius:50%;
  }
  body .in-header .btn-primary.upload-btn-mobile,
  body .in-header .btn-primary.upload-btn-mobile *{color:#fff!important}
  body .in-header .upload-btn-mobile .show-mobile-sm{line-height:1}
  body .in-header .upload-btn-mobile i{top:0!important;font-size:20px!important;line-height:1}
  body .in-header .account-menu-link>img{
    position:static!important;width:40px!important;height:40px!important;
    margin:0;border:0!important;border-radius:50%;object-fit:cover;
  }
  body .in-header :is(.upload-btn-mobile,.account-menu-link):focus-visible{outline:2px solid #ffa200;outline-offset:3px}
  body .in-header-mobile .in-header .right>ul>li>a.btn-primary:not(.upload-btn-mobile){
    display:inline-flex;align-items:center;justify-content:center;height:40px;
    padding:0 13px;margin:0;border-radius:22px;white-space:nowrap;line-height:1;
  }
  body .in-header-mobile .in-header .right>ul>li>a:has(>.la-lock){
    display:flex;align-items:center;justify-content:center;
    width:40px;height:40px;margin:0;padding:0;border-radius:50%;line-height:1;
  }
  body .in-header-mobile .in-header .right>ul>li>a>.la-lock{
    position:static!important;top:auto!important;bottom:auto!important;font-size:25px;line-height:1;
  }
}
.searchbar.form-inline { display:flex; flex-wrap:nowrap; align-items:center; }
.searchbar.form-inline input[type=search] { flex:1 1 0; min-width:0; width:0; }
.searchbar button { flex:0 0 28px; min-width:28px; min-height:28px; }
body.light-mode .bz-home { --bz-muted: #696761; }
body.light-mode .bz-home .bz-muted, body.light-mode .bz-home .bz-section-head > a { color: #696761; }
.bz-track-title, .bz-track > .bz-muted, .bz-ranking li > div > a { min-height: 24px; line-height: 24px; }

body.light-mode .artist-section-heading > a,
body.light-mode .artist-actions .btn:not(.btn-primary),
body.light-mode .comment-login { color: #8a4b00 !important; }
.track-related-section-title { margin:0; font-size:inherit; line-height:inherit; font-weight:inherit; }
.track-related-heading { font-size:14px; line-height:1.4; }

body.light-mode .artist-nav a.active, body.light-mode .artist-text-link { color:#8a4b00 !important; }
.each-inline-track .track-info .media-heading > a,
.each-inline-track .track-info .title-info > a { display:inline-block; min-width:24px; min-height:24px; line-height:24px; }

/* Shared tab treatment. Explicit components only: never style sidebar items,
   dropdown entries, pagination, action buttons or tab panels as tabs.
   Keep existing sizing, overflow, focus outlines and AJAX/Bootstrap behavior. */
body :is(
  .nav-tabs > .nav-link,
  .nav-tabs > li > .nav-link,
  #authModal .auth-nav-pills .nav-link,
  .artist-nav > ul > li > a,
  .bze-tabs > a,
  .bze-filters > a,
  .bze-genres > a,
  .creator-filters > a,
  .bzt-periods > a,
  .bz-pro-tabs > a,
  .bz-pro-period > a,
  .fpo-filters > button
):not(.dropdown-toggle) {
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  text-decoration:none!important;
}
/* Bootstrap's active class is authoritative: some legacy templates contain
   stale aria-selected values. Other components use their own live ARIA state. */
body :is(
  .nav-tabs > .nav-link.active,
  .nav-tabs > li > .nav-link.active,
  .nav-tabs > .active > .nav-link,
  #authModal .auth-nav-pills .nav-link.active,
  .artist-nav > ul > li > a.active,
  .artist-nav > ul > li > a[aria-current="page"],
  .bze-tabs > a[aria-current]:not([aria-current="false"]),
  .bze-filters > a[aria-current]:not([aria-current="false"]),
  .bze-genres > a[aria-current]:not([aria-current="false"]),
  .creator-filters > a[aria-current]:not([aria-current="false"]),
  .bzt-periods > a[aria-current]:not([aria-current="false"]),
  .bz-pro-tabs > a[aria-current]:not([aria-current="false"]),
  .bz-pro-period > a[aria-current]:not([aria-current="false"]),
  .fpo-filters > button[aria-pressed="true"]
):not(.dropdown-toggle) {
  color:var(--bz-ink-accent)!important;
  border-bottom-color:#ffa200!important;
}
body :is(
  .nav-tabs > .nav-link,
  .nav-tabs > li > .nav-link,
  #authModal .auth-nav-pills .nav-link,
  .artist-nav > ul > li > a
):not(.dropdown-toggle) > i { color:inherit!important; }

/* Shared media carousels retain native scrolling and snap on mobile.
   Full-page store grids are not carousels and keep their existing scrollbars. */
@media (max-width:767.98px) {
  body :is(
    .bz-photo-rail, .bz-artists, .pv-collection-rail,
    .bz-rail, .bz-picks, .inline-grid:not(.inline-grid-full)
  ) {
    scrollbar-width:none!important;
  }
  body :is(
    .bz-photo-rail, .bz-artists, .pv-collection-rail,
    .bz-rail, .bz-picks, .inline-grid:not(.inline-grid-full)
  )::-webkit-scrollbar {
    display:none!important;
    width:0!important;
    height:0!important;
  }
}

/* Profile action rail: keep native horizontal scrolling without a visible bar. */
@media (max-width:767.98px) {
  body .artist-hero .artist-actions { scrollbar-width:none!important; }
  body .artist-hero .artist-actions::-webkit-scrollbar {
    display:none!important;
    width:0!important;
    height:0!important;
  }
}

/* Mobile tab rails: hide only their scrollbars, not their native scrolling.
   Explicit navigation containers exclude content carousels, sidebar and dialogs.
   Some module styles load after this file through AJAX, hence !important. */
@media (max-width:767.98px) {
  body :is(
    .nav-tabs, .responsive-nav, .video-tabs-rail, .artist-nav > ul,
    .bze-tabs, .bze-filters, .bze-genres, .creator-filters,
    .bzt-tabs, .bzt-periods, .pv-nav, .settings-page .settings-nav,
    .bz-event-filters, .bz-ticket-filters, .bz-pro-tabs, .bz-pro-period,
    .fn-nav, .fn-tabs, .fpe-nav, .fpo-filters, .auth-nav-pills
  ) {
    scrollbar-width:none!important;
  }
  body :is(
    .nav-tabs, .responsive-nav, .video-tabs-rail, .artist-nav > ul,
    .bze-tabs, .bze-filters, .bze-genres, .creator-filters,
    .bzt-tabs, .bzt-periods, .pv-nav, .settings-page .settings-nav,
    .bz-event-filters, .bz-ticket-filters, .bz-pro-tabs, .bz-pro-period,
    .fn-nav, .fn-tabs, .fpe-nav, .fpo-filters, .auth-nav-pills
  )::-webkit-scrollbar {
    display:none!important;
    width:0!important;
    height:0!important;
  }
}
/* Shared orange accent for text, controls and filled actions in both themes. */
body.dark-mode { --bz-ink-accent:#ffa200; }
html body .breadcrumb .breadcrumb-item.active { color:var(--bz-ink-accent)!important; }
body.light-mode #sideHeader .bzik-sidebar .nav li a:is(.active,[aria-current="page"],:active,:focus-visible),
body.light-mode #sideHeader .bzik-sidebar .nav li a:is(.active,[aria-current="page"],:active,:focus-visible) i,
body.light-mode #sideHeader .sidebar-module-group.is-current>summary { color:var(--bz-ink-accent)!important; }
@media(hover:hover) and (pointer:fine) {
  body.light-mode #sideHeader .bzik-sidebar .nav li a:hover,
  body.light-mode #sideHeader .bzik-sidebar .nav li a:hover i,
  body.light-mode #sideHeader :is(.sidebar-fans-group,.sidebar-module-group)>summary:hover { color:var(--bz-ink-accent)!important; }
}
body.light-mode :is(.left-nav,.profile-menu,.artist-nav,.bzt-tabs,.bz-home) a:is(.active,[aria-current="page"]) { color:var(--bz-ink-accent)!important; }
body .bz-home :is(.bz-play,.bz-video-play), body .bz-pro-button:not(.bz-pro-secondary),
body .fh-access-actions button:first-child, body .fps-confirm .fps-confirm-accept {
  background-color:var(--bz-filled-accent)!important;
}
body.light-mode .bz-home :is(.bz-section-head>a,.bz-hero-more),
body.light-mode .bzt :is(.bzt-section-heading>a,.bzt-top-label,.bzt-open,.bzt-periods a[aria-current],.bzt-tabs a.active) { color:var(--bz-ink-accent); }
body .bzt-new-heading { font-size:16px; margin:24px 0 12px; }
body .bzt-new-row .bzt-rank { font-size:11px; color:#606870; }
.bz-creator-discovery { display:flex; flex-wrap:wrap; gap:12px 24px; padding:24px 0; }
.bz-creator-discovery a { color:var(--bz-ink-accent); min-height:32px; display:inline-flex; align-items:center; }