/* jr-browse-contrast-typewriter-fix — selected category chip must stay readable
   on every dark theme (spotify / lake / charcoal). Orange fill + dark ink, forced. */

.sub-btn.active,
a.sub-btn.active,
a.sub-btn.active:link,
a.sub-btn.active:visited,
a.sub-btn.active:hover,
a.sub-btn.active:focus,
html[data-jr-theme="spotify"] .sub-btn.active,
html[data-jr-theme="spotify"] a.sub-btn.active,
html[data-jr-theme="charcoal"] .sub-btn.active,
html[data-jr-theme="black"] .sub-btn.active,
html[data-jr-theme="lake-dark"] .sub-btn.active,
html[data-jr-theme="lake-dark-premium"] .sub-btn.active,
html[data-appearance="lake-dark-premium"] .sub-btn.active {
  background: linear-gradient(180deg, #ffae23, #ff9709) !important;
  border-color: #ff9709 !important;
  color: #111 !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 28px rgba(255, 151, 9, 0.18), inset 0 1px rgba(255, 255, 255, 0.28) !important;
  opacity: 1 !important;
  filter: none !important;
}

.sub-btn.active *,
a.sub-btn.active *,
.sub-btn.active .jrico,
.sub-btn.active [data-icon],
.sub-btn.active [data-icon] svg,
.sub-btn.active svg,
html[data-jr-theme="spotify"] .sub-btn.active *,
html[data-jr-theme="lake-dark"] .sub-btn.active *,
html[data-jr-theme="lake-dark-premium"] .sub-btn.active * {
  color: #111 !important;
  stroke: #111 !important;
  fill: none !important;
  opacity: 1 !important;
}

/* Prefs trigger on spotify / dark headers (same faint issue as EN · Metric). */
html[data-jr-theme="spotify"] .jr-prefs-trigger,
html[data-jr-theme="spotify"] .jr-prefs-trigger-label,
html[data-jr-theme="spotify"] .jr-prefs-trigger-code,
html[data-jr-theme="charcoal"] .jr-prefs-trigger,
html[data-jr-theme="charcoal"] .jr-prefs-trigger-label,
html[data-jr-theme="charcoal"] .jr-prefs-trigger-code,
html[data-jr-theme="black"] .jr-prefs-trigger,
html[data-jr-theme="black"] .jr-prefs-trigger-label,
html[data-jr-theme="black"] .jr-prefs-trigger-code {
  color: #f3f5f6 !important;
}
html[data-jr-theme="spotify"] .jr-prefs-sep,
html[data-jr-theme="charcoal"] .jr-prefs-sep,
html[data-jr-theme="black"] .jr-prefs-sep {
  color: rgba(243, 245, 246, 0.55) !important;
  opacity: 1 !important;
}
html[data-jr-theme="spotify"] .jr-prefs-chevron,
html[data-jr-theme="charcoal"] .jr-prefs-chevron,
html[data-jr-theme="black"] .jr-prefs-chevron {
  color: #f8991b !important;
}

/* Messages / inbox dropdown must sit above browse chrome. */
.top,
header.top,
.jr-e18-header-actions,
.top-actions {
  position: relative;
  z-index: 120;
}
.jr-am.is-open,
.jr-am[data-open="1"],
.jr-inbox-panel,
.jr-msg-dropdown,
.jr-messages-dropdown,
.top-actions .dropdown,
.top-actions [data-jr-menu],
.jr-header-messages,
.jr-header-messages .jr-am,
#jrMessagesMenu,
.jr-notif-panel {
  z-index: 2147483000 !important;
}