/* Uranus navigation skin, rewritten from siteCpGenerique revolution_slider
   navigation-skins/uranus.css onto the slider section markup. The vendor
   .tp-bullet-inner span is a pseudo-element here, so the dot markup is
   unchanged.
   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--uranus) { --slider-arrow-w: 34px; }
.slider-arrow--uranus { width: 34px; height: 34px; background: transparent; border: none; color: #fff; }
.slider-arrow--uranus:hover { background: transparent; color: #fff; }
.slider-arrow--uranus::before { font-size: 26px; transition: opacity 0.3s; }
.slider-arrow--uranus:hover::before { opacity: 0.75; }

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