/* ═══════════════════════════════════════════════════════════
   SLIDER GRIS — bestforfait.com
   Barres gris clair + poignées gris foncé
   Fichier dédié UNIQUEMENT aux sliders du comparateur.
   À charger APRÈS theme-moderne.css : les !important ci-dessous
   garantissent le style quel que soit le thème.
   Pour le désactiver : retirer la ligne <link> de ce fichier
   dans navig-axxa/header-niveau1-5684232.php
   ═══════════════════════════════════════════════════════════ */

/* ── Le rail (fond du slider) : gris foncé ── */
.ui-slider,
.ui-slider-horizontal{
  background:#3a3a44 !important;
  background-image:none !important;
  border:1px solid #4a4a54 !important;
  height:12px !important;
  border-radius:7px !important;
}

/* ── La barre entre les deux poignées : gris moyen ── */
.ui-slider .ui-slider-range{
  background:#6a6a78 !important;
  background-image:none !important;
  border:none !important;
  border-radius:7px !important;
}

/* ── Les poignées : gris clair ── */
.ui-slider .ui-slider-handle,
.ui-slider-horizontal .ui-slider-handle{
  background:#d0d0d8 !important;
  background-image:none !important;
  border:2px solid #ffffff !important;
  border-radius:6px !important;
  width:20px !important;
  height:20px !important;
  top:-5px !important;
  margin-left:-10px !important;
  box-shadow:0 1px 5px rgba(0,0,0,.4) !important;
  cursor:pointer !important;
}

/* ── Poignée survolée / en cours de glissement ── */
.ui-slider .ui-slider-handle:hover,
.ui-slider .ui-slider-handle:focus,
.ui-slider .ui-slider-handle.ui-state-active{
  background:#e8e8f0 !important;
  outline:none !important;
}