/* ============================================================
   MACHINE CARDS – klickbare Listenelemente + GLightbox
   Version: 20261107c
   ============================================================ */

/* Klickbarer Bereich */
.machine_item {
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
  /* Gleichmäßiger Innenabstand, kein extra Luft oben */
  padding: 12px 10px;
  /* Abstand zwischen den Items */
  margin-bottom: 8px;
}

/* Das vorhandene padding: 20px 0 aus style.css überschreiben */
.machines .machine_item {
  padding: 12px 10px;
}

.machine_item:hover {
  background-color: #f0f7fc;
  box-shadow: 0 3px 12px rgba(29, 157, 218, 0.18);
}

/* Titel-Link bleibt optisch gleich, kein doppelter Underline */
.machine_item .item_title a {
  pointer-events: none; /* Klick läuft über den Wrapper */
}

/* Download- und Watch-Links: immer anklickbar, kein Bubbling */
.machine_item a.download,
.machine_item a.watch,
.machine_item .item_property a {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}

/* Mehr-Infos-Button */
.machine_item .btn-mehr-infos {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 14px;
  background-color: #1d9dda;
  color: #fff;
  font-size: 0.9em;
  border-radius: 3px;
  text-decoration: none;
  transition: background-color 0.2s ease;
  position: relative;
  z-index: 2;
  pointer-events: auto;
}

.machine_item .btn-mehr-infos:hover {
  background-color: #243685;
  color: #fff;
}

/* GLightbox-Override: YouTube-Thumbnails kein doppelter Rand */
.glightbox-open .gslide-media iframe {
  border: none;
}