/* Gyges navigation skin, rewritten from siteCpGenerique revolution_slider
   navigation-skins/gyges.css onto the slider section markup. The vendor file
   defines no arrow rules, so the arrows keep the base slider-btn styling.
   Control sizes are scaled down from the vendor values, which were drawn for
   full-bleed desktop sliders and read as oversized here. */

/* dots */
.slider:has(.slider-dots--gyges) { --slider-dots-h: calc(var(--slider-control) + 12px); }
.slider-dots--gyges { padding: 6px; border-radius: 10px; background: linear-gradient(to bottom, #777777 0%, #666666 100%); }
.slider-dots--gyges .slider-dot::before { width: 8px; height: 8px; background: #333; border: 2px solid #444; border-radius: 50%; box-sizing: content-box; }
.slider-dots--gyges .slider-dot:hover::before,
.slider-dots--gyges .slider-dot[aria-current="true"]::before { background: linear-gradient(to bottom, #ffffff 0%, #e1e1e1 100%); }