/* Petit Canard V6.63 — transfert « Ma sélection » vers la demande de prêt. */

.loan-transfer-note{
  margin:0 0 14px;
  padding:11px 12px;
  border:1px solid #b7ddce;
  border-radius:13px;
  background:#f3fbf7;
  color:#315f52;
  font-size:.86rem;
}
.loan-selection-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:18px 0 10px;
}
.loan-selection-heading h3{
  margin:0 0 3px;
}
.loan-selection-heading .meta{
  margin:0;
}
.loan-selection-back{
  flex:0 0 auto;
}
.loan-selection-summary{
  display:grid;
  gap:9px;
}
.loan-selection-card{
  display:grid;
  grid-template-columns:62px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:9px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
}
.loan-selection-cover{
  width:62px;
  height:86px;
  overflow:hidden;
  display:block;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--soft);
}
.loan-selection-cover img,
.loan-selection-cover .cover-placeholder{
  width:100%!important;
  height:100%!important;
  display:grid;
  place-items:center;
  object-fit:cover!important;
}
.loan-selection-cover .cover-placeholder{
  padding:5px;
  font-size:.58rem;
  text-align:center;
}
.loan-selection-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.loan-selection-title{
  width:max-content;
  max-width:100%;
  overflow:hidden;
  color:var(--text);
  font-weight:900;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.loan-selection-title:hover,
.loan-selection-title:focus-visible{
  text-decoration:underline;
}
.loan-selection-availability{
  width:max-content;
  max-width:100%;
  margin-top:2px;
  padding:3px 7px;
  border-radius:999px;
  background:#f4f1fa;
  color:#65548d;
  font-size:.67rem;
  font-weight:800;
}
.remove-selected-book{
  min-height:38px;
  padding:7px 9px;
  border:1px solid #e2b4bf;
  border-radius:9px;
  background:#fff7f9;
  color:#9b3855;
  font:inherit;
  font-size:.75rem;
  font-weight:800;
  cursor:pointer;
}
.remove-selected-book:hover,
.remove-selected-book:focus-visible{
  background:#ffe9ef;
}
.loan-selection-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 0;
}
.loan-selection-tools .meta{
  flex:1 1 220px;
}
.loan-selection-empty{
  display:grid;
  justify-items:start;
  gap:7px;
  padding:15px;
  border:1px dashed var(--line);
  border-radius:13px;
  background:#faf9fb;
}
.loan-selection-empty p{
  margin:0;
  color:var(--muted);
}
#loan-form #selected-books{
  min-height:150px;
  resize:vertical;
  background:#faf9fb;
}
#loan-form button[type="submit"]:disabled{
  opacity:.48;
  cursor:not-allowed;
}

@media(max-width:720px){
  .loan-selection-heading{
    flex-direction:column;
  }
  .loan-selection-back{
    width:100%!important;
    text-align:center;
  }
}
@media(max-width:520px){
  .loan-selection-card{
    grid-template-columns:52px minmax(0,1fr) 44px;
    gap:8px;
  }
  .loan-selection-cover{
    width:52px;
    height:73px;
  }
  .remove-selected-book{
    min-width:44px;
    min-height:44px;
    padding:6px;
    font-size:0;
  }
  .remove-selected-book::after{
    content:'×';
    font-size:1.35rem;
    line-height:1;
  }
  .loan-selection-tools{
    align-items:stretch;
    flex-direction:column;
  }
  .loan-selection-tools .btn{
    width:100%!important;
  }
}