/* ================================================================
   Veridian Health 2.6.15 — refined desktop product carousel leaves
   Desktop only. Replaces the brighter photographic leaf controls with
   a restrained Veridian forest/olive treatment that matches the site UI.
   ================================================================ */
@media (min-width: 768px) {
  .product-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-prev,
  .product-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-next,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-prev,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-next {
    width: 64px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    opacity: .88 !important;
    cursor: pointer !important;
    transition: opacity .18s ease, transform .18s ease !important;
  }

  .product-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-prev,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-prev {
    left: -18px !important;
  }

  .product-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-next,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-next {
    right: -18px !important;
  }

  .product-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-prev:hover,
  .product-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-next:hover,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-prev:hover,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-next:hover {
    opacity: 1 !important;
  }

  .product-slider.owl-theme .owl-controls.clickable .owl-buttons .prev-arrow,
  .product-slider.owl-theme .owl-controls.clickable .owl-buttons .next-arrow,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons .prev-arrow,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons .next-arrow {
    display: block !important;
    width: 64px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-image: url('../img/veridian-leaf-arrow-themed.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 58px auto !important;
    transform-origin: center center !important;
    transition: transform .18s ease, opacity .18s ease !important;
  }

  /* Each leaf cluster points in the direction of travel. */
  .product-slider.owl-theme .owl-controls.clickable .owl-buttons .prev-arrow,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons .prev-arrow {
    transform: scaleX(-1) scale(.96) !important;
  }

  .product-slider.owl-theme .owl-controls.clickable .owl-buttons .next-arrow,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons .next-arrow {
    transform: scale(.96) !important;
  }

  .product-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-prev:hover .prev-arrow,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-prev:hover .prev-arrow {
    transform: scaleX(-1) scale(1.03) !important;
  }

  .product-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-next:hover .next-arrow,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons > .owl-next:hover .next-arrow {
    transform: scale(1.03) !important;
  }

  /* Keep the previous Font Awesome chevrons completely hidden. */
  .product-slider.owl-theme .owl-controls.clickable .owl-buttons .prev-arrow i,
  .product-slider.owl-theme .owl-controls.clickable .owl-buttons .next-arrow i,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons .prev-arrow i,
  .catproduct-slider.owl-theme .owl-controls.clickable .owl-buttons .next-arrow i {
    display: none !important;
  }
}
