/* web_viewer/static/css/bouton_corbeille.css */

.iaBtnCorbeille{
  width: 22px;
  height: 22px;
  display:flex;
  align-items:center;
  justify-content:center;

  padding: 0;
  border: 1px solid rgba(0,0,0,0.18);
  border-radius: 6px;

  /* ✅ mêmes variables que les pancartes + overrides dédiés */
  background: var(--ia-btntrash-bg, var(--ia-panels-btn-bg, #fff));
  color:      var(--ia-btntrash-fg, var(--ia-panels-btn-fg, #111));

  cursor:pointer;
}

.iaBtnCorbeille:hover{
  background: var(--ia-btntrash-hover-bg, var(--ia-panels-btn-hover-bg, #f3f3f3));
  color:      var(--ia-btntrash-hover-fg, var(--ia-panels-btn-hover-fg, var(--ia-panels-btn-fg, #111)));
}

/* SVG suit la couleur du bouton */

.iaBtnCorbeille svg{
  display:block;
}

.iaBtnCorbeille svg,
.iaBtnCorbeille svg *{
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;          /* ✅ plus épais = plus lisible */
  stroke-linecap: round;      /* ✅ plus propre */
  stroke-linejoin: round;     /* ✅ angles clean */
}
/* ===========================================================
   ✅ MODE "FILL" pour la nouvelle icône corbeille (basket)
   - On ne touche pas aux autres SVG outline
   =========================================================== */

.iaBtnCorbeille svg.iaTrashFill,
.iaBtnCorbeille svg.iaTrashFill *{
  fill: currentColor !important;
  stroke: none !important;
}