/*
  JR Slick Next/Prev Button Background
  Targets:
   - <button class="slick-next slick-arrow" ...>
   - <button class="slick-prev slick-arrow" ...>
*/

/* Background + border (inline styles from the slider can include border-color; we override both). */
button.slick-next.slick-arrow,
button.slick-prev.slick-arrow,
.slick-slider button.slick-next.slick-arrow,
.slick-slider button.slick-prev.slick-arrow,
.slick-list button.slick-next.slick-arrow,
.slick-list button.slick-prev.slick-arrow {
  background-color: #d46a3f !important;
  border-color: #d46a3f !important;
  background-image: none !important;
}

/* Optional: keep the arrow visible if the slider uses an inline SVG. */
button.slick-next.slick-arrow svg,
button.slick-prev.slick-arrow svg,
button.slick-next.slick-arrow svg path,
button.slick-prev.slick-arrow svg path {
  fill: currentColor !important;
}

/* If the theme uses Slick's default :before arrow, ensure it stays visible. */
button.slick-next.slick-arrow:before,
button.slick-prev.slick-arrow:before {
  color: #fff !important;
}

/* If the button text/icon inherits color, make it white for contrast. */
button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
  color: #fff !important;
}