/* Notifica disponibilità prodotto — form "Avvisami quando torna disponibile".
   Compare nella scheda prodotto sotto il bottone "In produzione" (prodotto esaurito). */

.cb-stocknotify {
	margin-top: 16px;
	padding: 18px 20px;
	background: var(--cb-cream, #FFF5E6);
	border: 1px solid #e7dcc6;
	border-radius: 14px;
}

.cb-stocknotify__title {
	margin: 0 0 12px;
	font-family: var(--cb-font-display, sans-serif);
	font-size: 16px;
	font-weight: 700;
	color: var(--cb-brown, #2C1A0E);
}

.cb-stocknotify__form {
	display: flex;
	gap: 10px;
	align-items: stretch;
}

.cb-stocknotify__input {
	flex: 1 1 auto;
	min-width: 0;
	height: 48px;
	padding: 0 16px;
	border: 1px solid #d8ccb4;
	border-radius: 999px;
	background: #fff;
	font-family: var(--cb-font-body, sans-serif);
	font-size: 15px;
	color: var(--cb-brown, #2C1A0E);
}

.cb-stocknotify__input:focus {
	outline: none;
	border-color: var(--cb-green-dark, #7fa056);
	box-shadow: 0 0 0 3px rgba(168, 199, 128, .35);
}

/* Honeypot: fuori schermo, invisibile agli umani. */
.cb-stocknotify__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.cb-stocknotify__btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 48px;
	padding: 0 22px;
	border: none;
	border-radius: 999px;
	background: var(--cb-green, #A8C780);
	color: #fff;
	font-family: var(--cb-font-body, sans-serif);
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: background .15s ease, transform .05s ease;
}

.cb-stocknotify__btn:hover { background: var(--cb-green-dark, #7fa056); }
.cb-stocknotify__btn:active { transform: scale(.98); }
.cb-stocknotify__btn:disabled { opacity: .6; cursor: not-allowed; }

.cb-stocknotify__note {
	margin: 10px 2px 0;
	font-family: var(--cb-font-body, sans-serif);
	font-size: 12px;
	line-height: 1.4;
	color: #8a7c6a;
}
.cb-stocknotify__note a { color: #8a7c6a; text-decoration: underline; }

.cb-stocknotify__msg {
	margin: 12px 2px 0;
	font-family: var(--cb-font-body, sans-serif);
	font-size: 14px;
	line-height: 1.45;
	font-weight: 600;
}
.cb-stocknotify__msg--ok    { color: #46873c; }
.cb-stocknotify__msg--error { color: #c0392b; }

/* Stato inviato con successo: nascondiamo il form, resta solo il messaggio. */
.cb-stocknotify.is-done .cb-stocknotify__form,
.cb-stocknotify.is-done .cb-stocknotify__note { display: none; }

/* Mobile: la scheda imposta .cb-scheda__info{display:contents} e dà un order:
   esplicito a ciascun figlio (1..15). Senza order il nostro box cadeva a order:0,
   finendo in cima alla pagina (sopra la foto) e risultando "non visibile".
   Lo ancoriamo subito sotto la cart-row (order:11), prima del separatore (order:12). */
@media (max-width: 768px) {
	.cb-stocknotify { order: 11; width: 100%; margin-top: 12px; }
}

@media (max-width: 640px) {
	.cb-stocknotify__form { flex-direction: column; }
	.cb-stocknotify__btn { width: 100%; }
}