/* =====================================================================
   ZeGreen — Bloc "Complétez votre achat" (module idxrimpulsepurchase)
   shop 2. Objectif : la case à cocher AVANT le prix, sur la même ligne,
   et stylée proprement (au lieu d'un gros carré vide sous le prix).
   ===================================================================== */

.block-product-impulse .texto {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 8px;
  row-gap: 4px;
}

.block-product-impulse .texto h5 {
  flex: 1 1 100%;
  margin: 0 0 4px;
}

/* Case à cocher d'abord, prix ensuite, sur la même ligne */
.block-product-impulse .texto .selector-compra {
  order: 1;
  margin: 0;
  display: inline-flex;
  align-items: center;
}
.block-product-impulse .texto .precio-producto {
  order: 2;
  margin: 0;
}

/* Case ZeGreen compacte (input natif sans wrapper ici) */
.block-product-impulse .selector-compra input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin: 0;
  flex: 0 0 18px;
  border: 2px solid #d1d5db;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
  position: relative;
  transition: border-color .15s ease, background .15s ease;
}
.block-product-impulse .selector-compra input[type="checkbox"]:hover {
  border-color: #18A957;
}
.block-product-impulse .selector-compra input[type="checkbox"]:checked {
  border-color: #18A957;
  background: #18A957;
}
.block-product-impulse .selector-compra input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.block-product-impulse .selector-compra input[type="hidden"] {
  display: none;
}