/* HARMER — fixes for the "black" theme (white boxes with white text on product & listing pages) */

/* inputs, quantity box, dropdowns (sort-by), textareas */
input, select, textarea,
.s-quantity-input, .s-quantity-input-input, .s-quantity-input-button,
salla-quantity-input, .form-input, .form-select {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #3a3a3a !important;
}
.s-quantity-input-button svg, .s-quantity-input-button i { color: #ffffff !important; fill: #ffffff !important; }

/* main buttons: gold with dark text */
.s-button-primary, .s-button-solid, salla-add-product-button button, .btn--primary {
  background: #FBAE17 !important;
  border-color: #FBAE17 !important;
  color: #111111 !important;
}

/* disabled / out-of-stock button: dark with readable text */
button[disabled], .s-button-disabled, .s-button-element[disabled] {
  background: #2a2a2a !important;
  border-color: #3a3a3a !important;
  color: #bdbdbd !important;
  opacity: 1 !important;
}

/* product image area: no white frame */
.s-product-card-image, .product-single__image, .swiper-slide img { background: transparent !important; }

/* icon buttons next to the buy button (wishlist ♡, share): dark with gold outline */
.s-button-outline, .s-button-icon, .s-button-light,
salla-button[shape="icon"] .s-button-element,
salla-button[fill="outline"] .s-button-element,
.btn--wishlist, .s-product-options-wishlist, salla-social-share .s-button-element {
  background: transparent !important;
  border: 1px solid #FBAE17 !important;
  color: #FBAE17 !important;
}
.s-button-outline i, .s-button-icon i, .s-button-light i,
.s-button-outline svg, .s-button-icon svg, .s-button-light svg,
salla-button[shape="icon"] i, salla-button[shape="icon"] svg {
  color: #FBAE17 !important;
  fill: #FBAE17 !important;
}

/* sold-out button: keep it dark (this must stay LAST so it wins over the outline rule) */
salla-add-product-button button[disabled],
salla-add-product-button .s-button-element[disabled],
salla-add-product-button .s-button-disabled,
.s-button-element.s-button-outline[disabled],
.s-button-element.s-button-disabled {
  background: #1f1f1f !important;
  background-color: #1f1f1f !important;
  border: 1px solid #3a3a3a !important;
  color: #cfcfcf !important;
}
salla-add-product-button button[disabled] *,
.s-button-element[disabled] * { background: transparent !important; color: #cfcfcf !important; }