/* Solo Music 1.2.6 — dark text on explicitly lime controls. */
html.solo-design-active {
  --solo-accent-background: #d8ff62;
  --solo-accent-hover: #c5ee46;
  --solo-accent-foreground: #18212b;
}
/* Both OpenCart pagination formats: links and the active non-link span. */
html.solo-design-active .pagination > .active > :is(a, span),
html.solo-design-active .pagination :is(a, span).is-active,
html.solo-design-active .pagination__link.is-active {
  background: var(--solo-accent-background) !important;
  border-color: var(--solo-accent-background);
  color: var(--solo-accent-foreground) !important;
  text-shadow: none;
}
html.solo-design-active .pagination > .active > :is(a, span):is(:hover, :focus),
html.solo-design-active .pagination :is(a, span).is-active:is(:hover, :focus),
html.solo-design-active .pagination__link.is-active:is(:hover, :focus) {
  background: var(--solo-accent-hover) !important;
  color: var(--solo-accent-foreground) !important;
}
/* Set the foreground and the surface together; dark panel link colours stay local. */
html.solo-design-active :is(.ui-btn--primary, .btn-primary, .comments__form-btn, .brands__search-btn, .details__comments-form-btn, .reviews__form-btn, .button-group button) {
  background: var(--solo-accent-background);
  border-color: var(--solo-accent-background);
  color: var(--solo-accent-foreground) !important;
  text-shadow: none;
}
html.solo-design-active :is(.ui-btn--primary, .btn-primary, .comments__form-btn, .brands__search-btn, .details__comments-form-btn, .reviews__form-btn, .button-group button):is(:hover, :focus, :active) {
  background: var(--solo-accent-hover);
  border-color: var(--solo-accent-hover);
  color: var(--solo-accent-foreground) !important;
}
html.solo-design-active :is(.ui-btn--primary, .btn-primary, .comments__form-btn, .brands__search-btn, .details__comments-form-btn, .reviews__form-btn, .button-group button) :is(span, b, strong, small, svg, use) {
  color: inherit !important;
}
/* Native monochrome UI icons, including external SVG sprites with white paths. */
html.solo-design-active :is(.ui-btn--primary, .btn-primary, .comments__form-btn, .brands__search-btn, .details__comments-form-btn, .reviews__form-btn, .button-group button) :is(svg[class^="icon-"], svg[class*=" icon-"]) {
  filter: brightness(0) saturate(100%);
}
html.solo-design-active .js-share.ui-btn--primary,
html.solo-design-active .js-share.ui-btn--primary:is(:hover, :focus, :active) {
  color: var(--solo-accent-foreground) !important;
}
html.solo-design-active .js-share.ui-btn--primary .icon-share {
  color: var(--solo-accent-foreground) !important;
  filter: brightness(0) saturate(100%);
}