.maradigma-price-range {
  display: grid;
  gap: 8px;
}

.maradigma-price-range__slider {
  position: relative;
  height: 6px;
  border-radius: 999px;
  background: rgba(0,0,0,0.12);
}

/* jQuery UI slider base */
.maradigma-price-range__slider.ui-slider {
  height: 6px;
}

.maradigma-price-range__slider .ui-slider-range {
  background: rgba(0,0,0,0.28);
}

.maradigma-price-range__slider .ui-slider-handle {
  top: -7px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.25);
  background: #fff;
  cursor: pointer;
}

.maradigma-price-range__values {
  display: flex;
  justify-content: space-between;
  font-size: 0.95em;
  opacity: 0.9;
}



/* rango visual en el calendario */
.ui-datepicker td a.md-date--in-range {
  background: rgba(2,14,45,.08);
  border-radius: 0;
}
.ui-datepicker td a.md-date--range-start,
.ui-datepicker td a.md-date--range-end,
.ui-datepicker td a.md-date--selected {
  background: rgba(2,14,45,.18);
  border-radius: 6px;
  font-weight: 600;
}


/* Rango visual en el calendario */
.ui-datepicker td a.md-date--in-range {
  background: rgba(2,14,45,.08);
  border-radius: 0;
}
.ui-datepicker td a.md-date--range-start,
.ui-datepicker td a.md-date--range-end,
.ui-datepicker td a.md-date--selected {
  background: rgba(2,14,45,.18);
  border-radius: 6px;
  font-weight: 600;
}

/* Por si el datepicker queda detrás de algo */
#ui-datepicker-div { z-index: 999999 !important; }