/* Zeus navigation skin, rewritten from siteCpGenerique revolution_slider
   navigation-skins/zeus.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--zeus) { --slider-arrow-w: 44px; }
.slider-arrow--zeus { width: 44px; height: 44px; background: rgba(0, 0, 0, 0.1); border: none; border-radius: 22px; overflow: hidden; color: #fff; }
.slider-arrow--zeus:hover { background: rgba(0, 0, 0, 0.1); color: #fff; }
.slider-arrow--zeus::before { font-size: 15px; }

/* dots */
.slider-dots--zeus .slider-dot::before { width: 9px; height: 9px; border: 2px solid #fff; border-radius: 50%; background-color: rgba(0, 0, 0, 0); box-sizing: content-box; }
.slider-dots--zeus .slider-dot::after { content: ""; position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: 9px; height: 9px; border-radius: 50%; background-color: #fff; transform: scale(0); transform-origin: 50% 50%; transition: transform 0.3s ease; }
.slider-dots--zeus .slider-dot:hover::after,
.slider-dots--zeus .slider-dot[aria-current="true"]::after { transform: scale(1.2); }