/* =============================================================================
 * PROBAR - IL REGALO MISTERIOSO NELL'ANTEPRIMA CARRELLO
 * -----------------------------------------------------------------------------
 * Il cassetto del carrello e' costruito dal plugin "Carrello Moderno", che
 * genera il proprio markup e NON passa dai filtri di WooCommerce sul nome e sul
 * prezzo della riga. Quindi la pillola non si puo' mettere da PHP: si mette qui,
 * nello spazio delle azioni, che per il regalo resta vuoto perche' la quantita'
 * e' bloccata a uno.
 *
 * LA GRAMMATICA DEL PULSANTE, gia' fissata altrove nel sito:
 *   - pillola oro PIENA con testo nero = azione principale (vedi abm_email_button)
 *   - pillola con BORDO oro su fondo scuro = secondario (vedi il pulsante WhatsApp)
 * Un'etichetta non e' un'azione, quindi prende la seconda forma. E' anche la
 * lettura giusta del "lusso quieto": il colore si vede, non si urla.
 * ========================================================================== */

.pb-omaggio-pillola {
	display: inline-block;
	padding: 6px 15px;
	border: 1px solid rgba( 255, 206, 83, 0.55 );
	border-radius: 999px;
	background-color: rgba( 255, 206, 83, 0.07 );
	color: #FFCE53;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	line-height: 1;
	white-space: nowrap;
	/* Il maiuscoletto spaziato guadagna in leggibilita' se il testo non e'
	   incollato al bordo destro: la spaziatura aggiunge aria dopo l'ultima
	   lettera e va compensata a sinistra. */
	text-indent: 0.18em;
}

/* Lo spazio delle azioni sul regalo: la pillola sta dove starebbe il selettore
   della quantita', allineata come lui. */
.moderncart-cart-item.pb-omaggio .moderncart-cart-item-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/* Il regalo non si toglie: se il cliente lo togliesse, il primo ricalcolo del
   carrello glielo rimetterebbe dentro e sembrerebbe un difetto del sito. */
.moderncart-cart-item.pb-omaggio .moderncart-cart-item-actions-remove {
	display: none !important;
}

/* "0,00 €" accanto a un regalo si legge come un errore di prezzo. */
.moderncart-cart-item.pb-omaggio .moderncart-price {
	color: rgba( 255, 255, 255, 0.62 );
}

/* =============================================================================
 * LA CAPSULA DELLA QUANTITA' NELLA PAGINA CARRELLO
 * -----------------------------------------------------------------------------
 * Le altre righe hanno il selettore "- 1 +" dentro una cornice: il regalo, che
 * un selettore non puo' averlo, deve comunque avere un contenitore, altrimenti
 * il suo "1" sembra un numero caduto li'. Stessa altezza e stessa aria del
 * selettore vero, ma senza pulsanti e con il bordo appena accennato: si vede
 * che e' della stessa famiglia e che non si tocca.
 * ========================================================================== */
.pb-omaggio-qta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 38px;
	padding: 0 12px;
	border: 1px solid rgba( 255, 206, 83, 0.30 );
	border-radius: 8px;
	background-color: rgba( 255, 206, 83, 0.06 );
	color: #FFCE53;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	/* Il cursore dice quello che dice il bordo: qui non si scrive. */
	cursor: default;
	user-select: none;
}

@media ( max-width: 480px ) {
	.pb-omaggio-pillola {
		padding: 5px 12px;
		font-size: 9px;
		letter-spacing: 0.14em;
	}

	.pb-omaggio-qta {
		min-width: 40px;
		min-height: 36px;
	}
}