/**
 * PERCHÉ: Stile del "biscotto" promo sopra il prezzo (partial promo-biscotto.php).
 * UTILIZZO: Incluso dal partial, una volta per pagina; usato nel box prodotto (widget-prodotti.php) e in prodotto.php.
 * INFO: Colori dal mockup .claude/image001.png: verde #22b14c (bordo ed evidenze), testo #00506a.
 */

.gz-promo-biscotto {
  display: block;
  width: 100%;
  border: 1px solid #22b14c;
  background: #fff;
  padding: 6px 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .78rem;
  line-height: 1.35;
  letter-spacing: .01em;
  color: #00506a;
}

.gz-promo-biscotto-titolo {
  display: block;
  color: #22b14c;
  font-size: .85rem;
}

.gz-promo-biscotto-testo {
  display: block;
}

.gz-promo-biscotto-evidenza {
  color: #22b14c;
  white-space: nowrap;
}

/* Nel box prodotto il biscotto sta in fondo alla card, subito sopra il prezzo (allineato tra le card). */
.gz-prod-card .gz-promo-biscotto {
  margin-top: auto;
  margin-bottom: 10px;
}

/* Nella pagina prodotto sta subito sopra la barra prezzo. */
.gz-promo-biscotto-pagina {
  margin-bottom: 12px;
}