/* Lots UI additions */

.lotSummaryCard{
  border:1px solid var(--line);
  border-radius:18px;
  background: rgba(17,21,27,.72);
  box-shadow: var(--shadow);
  padding:14px 14px 12px;
  margin-bottom:12px;
}
.lotSumTop{ display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.lotSumRight{ min-width:160px; }
.lotPriceBig{
  font-size:22px;
  font-weight:900;
  letter-spacing:.2px;
  text-align:right;
}
.lotSumActions{ margin-top:12px; display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.lotWarn{
  margin-top:10px;
  border:1px solid rgba(255,180,80,.35);
  background: rgba(255,180,80,.08);
  padding:10px 12px;
  border-radius:14px;
  color: rgba(255,230,200,.92);
  font-size:13px;
}

.lotItemsList{ display:flex; flex-direction:column; gap:10px; }
.lotItemRow{
  border:1px solid var(--line);
  border-radius:16px;
  background: rgba(17,21,27,.62);
  padding:12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.lotItemRow.excluded{ opacity:.55; }
.lotItemLeft{ display:flex; gap:12px; align-items:center; min-width:0; }
.lotItemBtns{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }

.lotSummaryBottom{
  margin-top:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background: rgba(17,21,27,.72);
  box-shadow: var(--shadow);
  padding:12px 14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.lotBottomRight{ display:flex; gap:12px; align-items:center; }
.btn.disabled, .smallbtn.disabled{
  opacity:.5;
  pointer-events:none;
}

/* Modal candidates */
.lotModal{
  position:fixed;
  inset:0;
  display:none;
  z-index:9999;
}
.lotModal.open{ display:block; }
.lotModalBackdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(2px);
}
.lotModalCard{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  width:min(920px, 92vw);
  max-height: 86vh;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background: rgba(17,21,27,.92);
  box-shadow: var(--shadow);
  display:flex;
  flex-direction:column;
}
.lotModalHead{
  padding:12px 12px;
  border-bottom:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.lotModalTitle{ font-weight:900; }
.lotModalBody{
  padding:12px;
  overflow:auto;
}

.lotCandGrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:10px;
}
@media (max-width:900px){ .lotCandGrid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width:620px){ .lotCandGrid{ grid-template-columns: 1fr; } }

.lotCandCard{
  border:1px solid var(--line);
  border-radius:16px;
  background: rgba(17,21,27,.62);
  padding:10px;
  display:flex;
  gap:10px;
  align-items:center;
}

/* ✅ candidats plus grands + clic zoom */
.lotCandImg{
  width:240px;
  height:120px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.18);
  display:grid;
  place-items:center;
}
.lotCandImg img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  cursor: zoom-in;
}

@media (max-width:900px){
  .lotCandImg{ width:220px; height:110px; }
}
@media (max-width:620px){
  .lotCandImg{ width:100%; height:180px; }
}