/* Ares navigation skin, rewritten from siteCpGenerique revolution_slider
   navigation-skins/ares.css onto the slider section markup.
   Control sizes are scaled down from the vendor values, which were drawn for
   full-bleed desktop sliders and read as oversized here. */

/* arrows */
.slider:has(.slider-arrow--ares) { --slider-arrow-w: 40px; }
.slider-arrow--ares { width: 40px; height: 40px; background: #fff; border: none; border-radius: 50%; color: #aaa; }
.slider-arrow--ares:hover { background: #fff; color: #000; }
.slider-arrow--ares::before { font-size: 16px; transition: color 0.3s; }
.slider-prev.slider-arrow--ares::before { content: "\e81f"; }
.slider-next.slider-arrow--ares::before { content: "\e81e"; }

/* dots */
.slider-dots--ares { gap: 0.25rem; }
.slider-dots--ares .slider-dot::before { width: 9px; height: 9px; background: #e5e5e5; border-radius: 50%; }
.slider-dots--ares .slider-dot:hover::before,
.slider-dots--ares .slider-dot[aria-current="true"]::before { background: #fff; }