/* QPal Pro carousel navigation icon fix.
   Presentation only: replaces the mask-based arrow rendering with reliable CSS chevrons. */

.qpal-pro-carousel-arrow::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 9px !important;
  height: 9px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
  border: 0 solid currentColor !important;
  border-right-width: 2px !important;
  border-bottom-width: 2px !important;
}

.qpal-pro-carousel-arrow[data-qpal-pro-previous]::before {
  transform: translate(-50%, -50%) rotate(135deg) !important;
}

.qpal-pro-carousel-arrow[data-qpal-pro-next]::before {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}