/* theme-carousel — media (hover: none): touch / no true-hover devices.
   :hover can get "stuck" on tap until the user taps elsewhere (classic
   touch UX bug) — only the arrow's COLOR is still :hover-triggered
   (desktop's slide-out position is now permanent/always-on, not a hover
   effect, so there's nothing left to cancel there), neutralized here
   regardless of viewport width (a touch tablet/laptop at a wide viewport
   gets this too, not just narrow phones).

   :focus-visible is left untouched on purpose — it's keyboard/assistive-
   tech-triggered, not touch-triggered (a tap doesn't set :focus-visible
   in modern browsers), so a paired keyboard/switch-control user still
   gets the color change via Tab navigation.

   .theme-carousel__arrow-preview has no rule here anymore — it's hidden
   below 1200px by theme-carousel--tablet-1200.css's own unconditional
   display:none (width-based, covers touch and non-touch alike), and above
   1200px a touch device now shows the same always-visible preview a
   mouse/desktop user gets, instead of a hover:none-only exception. */

.theme-carousel__arrow--prev:hover .theme-carousel__arrow-visual,
.theme-carousel__arrow--next:hover .theme-carousel__arrow-visual,
.theme-carousel__arrow:hover .theme-carousel__arrow-visual {
  background: var(--clr-white);
  border-color: var(--clr-gray-dark);
  color: var(--clr-gray-dark);
}