/* Coupon in vetrina + badge sconto (Remix Icon) */
.cameli-ri { width: 1em; height: 1em; flex-shrink: 0; }

/* Badge sulle card */
.cameli-badges {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .4rem;
  pointer-events: none;
}
.cameli-badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .4rem .7rem;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
}
.cameli-badge--sale { background: #111; color: #fff; }
.cameli-badge--coupon { background: #f5bd47; color: #111; }

/* Riquadro nella scheda prodotto */
.cameli-coupon {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  margin: 0 0 1.2rem;
  padding: 1.2rem 1.4rem;
  background: #fffaf0;
  border: 1px dashed #f5bd47;
}
.cameli-coupon__icon { display: flex; font-size: 2.6rem; color: #c8902a; }
.cameli-coupon__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .3rem; }
.cameli-coupon__title { font-size: 1.3rem; font-weight: 500; color: #111; }
.cameli-coupon__final { font-size: 1.4rem; color: #111; }
.cameli-coupon__final strong { font-weight: 700; }
.cameli-coupon__note { font-size: 1.1rem; color: #666; }

.cameli-coupon__code {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .3rem;
  padding: .8rem 1.2rem;
  background: #fff;
  border: 1px solid #111;
  color: #111;
  cursor: pointer;
  font: inherit;
}
.cameli-coupon__value { font-size: 1.5rem; font-weight: 700; letter-spacing: 1.5px; }
.cameli-coupon__hint { display: inline-flex; align-items: center; gap: .3rem; font-size: 1.05rem; text-transform: uppercase; letter-spacing: .5px; color: #666; }
.cameli-coupon__code .cameli-ri--check { display: none; }
.cameli-coupon__code.is-copied { border-color: #2e7d32; }
.cameli-coupon__code.is-copied .cameli-coupon__hint { color: #2e7d32; }
.cameli-coupon__code.is-copied .cameli-ri--copy { display: none; }
.cameli-coupon__code.is-copied .cameli-ri--check { display: inline; }
.cameli-coupon__code:focus-visible { outline: 2px solid #111; outline-offset: 2px; }

@media (max-width: 380px) {
  .cameli-coupon { flex-wrap: wrap; }
  .cameli-coupon__icon { display: none; }
  .cameli-coupon__code { flex-direction: row; width: 100%; justify-content: center; gap: 1rem; }
}