/* ============================================================
   noUiSlider — map year slider
   Usa le stesse variabili cromatiche già presenti nel tema:
     track:    #d7dcdf  (da .range-slider__range)
     connect:  #20658f  (da span.from-date-label, play-pause-button)
     handle:   #2196F3 + ring #fff / #feb713
               (da .map_rightblk10 input[type=range]::-webkit-slider-thumb)
   ============================================================ */

#map_year_range_slider .noUi-pips {
    display: none;
}

   /* Contenitore — stessa margin già usata per il vecchio input[type=range] */
#map_year_range_slider {
    display: block;
    margin: 19px 60px;           /* stessa del vecchio .range-slider__range.custom_range-slider__range */
    width: calc(92% - 73px);    /* stessa larghezza */
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
}

/* Track base — colore da .range-slider__range */
#map_year_range_slider .noUi-base,
#map_year_range_slider .noUi-connects {
    border-radius: 5px;
}

#map_year_range_slider .noUi-target {
    background: #d7dcdf;        /* stessa del vecchio track */
    border-radius: 5px;
    border: none;
    box-shadow: none;
    height: 10px;               /* stessa altezza */
}

/* Parte "riempita" a sinistra dell'handle — colore play-pause / from-date-label */
#map_year_range_slider .noUi-connect {
    background: #20658f;        /* #20658f già usato per .range-slider__value, play-pause-button */
}

/* Handle — replica .map_rightblk10 input[type=range]::-webkit-slider-thumb */
#map_year_range_slider .noUi-handle {
    width: 20px ;
    height: 20px ;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #2196F3;         /* stessa del vecchio thumb */
    border: 1px solid #d7dcdf;
    box-shadow: 0 0 0 3px #fff, 0 0 0 7px #feb713 ;  /* ring giallo #feb713 già nel tema */
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 7px #feb713;
    cursor: grab;
    transition: background .15s ease-in-out;
    -webkit-transition: background .15s ease-in-out;
}

#map_year_range_slider .noUi-handle:active {
    cursor: grabbing;
}

/* Nasconde le maniglie decorative che noUiSlider aggiunge di default */
#map_year_range_slider .noUi-handle::before,
#map_year_range_slider .noUi-handle::after {
    display: none;
}

/* Focus ring — replica :focus del vecchio thumb */
#map_year_range_slider .noUi-handle:focus {
    box-shadow: 0 0 0 3px #fff, 0 0 0 7px #feb713 !important;
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 7px #feb713 !important;
    outline: none;
}

/* Pips (tacche anni) — font coerente con il tema */
#map_year_range_slider .noUi-pips {
    font-size: 11px;
    color: #666;
}

#map_year_range_slider .noUi-marker-large {
    background: #aaa;
}

/* Accessibilità: stato high-contrast (già gestito nel tema per IE) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #map_year_range_slider .noUi-handle {
        border-radius: 10px !important;
    }
}