/* Maschinen-Vergleich: Auswahl über die Karten-Checkbox (.mm_card_compare,
   gestylt in maschinen_markt_card.css) + untere Vergleichsleiste. */

/* Ausgewaehlte Karte hervorheben (Auswahl per Checkbox, kein Modus mehr). */
.maschinen_markt_liste_element.mm_vgl_selected {
    outline: 2px solid #e85d26; outline-offset: -2px;
    box-shadow: 0 8px 22px rgba(232, 93, 38, .22);
}

/* --- Untere Vergleichsleiste --- */
.mm_vgl_bar {
    position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%);
    z-index: 1000;
    display: flex; align-items: center; gap: 18px;
    padding: 12px 18px; border-radius: 12px;
    background: #17202b; color: #fff;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .35);
    max-width: calc(100vw - 32px);
}
.mm_vgl_bar[hidden] { display: none; }
.mm_vgl_bar_count { font-size: 14px; font-weight: 600; white-space: nowrap; }
.mm_vgl_bar_actions { display: flex; align-items: center; gap: 8px; }
.mm_vgl_bar_clear {
    background: transparent; border: 1px solid rgba(255, 255, 255, .35); color: #fff;
    border-radius: 6px; padding: 8px 14px; font-size: 13px; font-family: inherit; cursor: pointer;
    transition: border-color .15s, background .15s;
}
.mm_vgl_bar_clear:hover { border-color: #fff; background: rgba(255, 255, 255, .1); }
.mm_vgl_bar_go {
    background: #e85d26; border: none; color: #fff;
    border-radius: 6px; padding: 9px 18px; font-size: 14px; font-weight: 500; font-family: inherit; cursor: pointer;
    transition: background .15s;
}
.mm_vgl_bar_go:hover { background: #c04b1e; }

@media (max-width: 560px) {
  .mm_vgl_bar { flex-direction: column; gap: 10px; left: 16px; right: 16px; transform: none; max-width: none; }
  .mm_vgl_bar_actions { width: 100%; }
  .mm_vgl_bar_go { flex: 1; }
}