/* Angebots-Darstellung: Eck-Badge, durchgestrichener Preis + Angebotspreis,
   Filter-Rabatt-Slider. */

/* ===================== Eck-Badge auf der Karte ===================== */
.mm_angebot_flag {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 6;
  padding: 4px 9px;
  border-radius: 4px;
  background: #e0245e;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  pointer-events: none;
}

/* ===================== Preisdarstellung mit Angebot ===================== */
.preis_title.has_angebot { line-height: 1.5; }
.mm_preis_alt {
  color: #98a0ae;
  text-decoration: line-through;
  font-weight: 400;
  margin: 0 4px;
}
.mm_preis_neu { color: #e0245e; font-weight: 700; }
.mm_angebot_badge {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 7px;
  border-radius: 10px;
  background: #e0245e;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  vertical-align: middle;
}

/* Auf der orangen Preis-/Angebot-Leiste (.preis_title): heller Kontrast statt
   Pink/Rot. In der Reader-Detailliste (heller Hintergrund) bleibt es rot. */
.preis_title .mm_preis_neu { color: #fff; }
.preis_title .mm_preis_alt { color: rgba(255, 255, 255, .75); }
.preis_title .mm_angebot_badge { background: #fff; color: #c04b1e; }

/* Reader: Angebotszeile in der Detailliste */
.reader_Details_Liste li.reader_angebot .mm_preis_alt { font-size: 15px; }
.reader_Details_Liste li.reader_angebot .mm_preis_neu { font-size: 18px; }

/* ===================== Filter: Mindestrabatt-Slider ===================== */
.mm_f_angebot_wrap { margin: 10px 2px 4px; transition: opacity .15s ease; }
.mm_f_angebot_wrap.is-disabled { opacity: .4; pointer-events: none; }
.mm_f_angebot_head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 13px;
  color: #5a6478;
  margin-bottom: 10px;
}
.mm_f_angebot_val { font-weight: 700; color: #e0245e; }

/* Slider identisch zum Baujahr-Slider (.mm_f_slider), nur rote Track-Farbe. */
.mm_f_angebot_slider { margin: 4px 8px 8px; }
.mm_f_angebot_slider.noUi-target { height: 6px; border: none; border-radius: 4px; background: #e2e5ea; box-shadow: none; }
.mm_f_angebot_slider .noUi-connect { background: #e0245e; }
.mm_f_angebot_slider .noUi-handle { width: 16px; height: 16px; right: -8px; top: -5px; border: 1px solid #cfd4dc; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); cursor: grab; }
.mm_f_angebot_slider .noUi-handle::before, .mm_f_angebot_slider .noUi-handle::after { display: none; }
.mm_f_angebot_slider .noUi-handle:focus { outline: none; }
.mm_f_angebot_slider .noUi-handle.noUi-active { cursor: grabbing; box-shadow: 0 0 0 4px rgba(224,36,94,.2); }

/* Dunkelmodus des Filters (falls aktiv) */
html.mm-dark .mm_filter .mm_f_angebot_head { color: #b5b8bd; }
html.mm-dark .mm_filter .mm_f_angebot_slider.noUi-target { background: #3a3b42; }
html.mm-dark .mm_filter .mm_f_angebot_slider .noUi-handle { background: #e6e6e6; border-color: #5a5b62; box-shadow: 0 1px 3px rgba(0,0,0,.5); }
html.mm-dark .mm_filter .mm_f_angebot_slider .noUi-handle.noUi-active { box-shadow: 0 0 0 4px rgba(224,36,94,.35); }