/*
 * Stato prenotazioni: riquadro sopra il form Amelia.
 * Testi grandi e contrasto alto: molti clienti lo leggono dal telefono.
 */

.bimbo-sp {
	--bimbo-sp-sfondo: #f3f4f6;
	--bimbo-sp-bordo: #a0a7b1;
	--bimbo-sp-accento: #3a4250;

	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	max-width: 760px;
	margin: 0 auto 28px;
	padding: 24px 28px;
	border: 2px solid var(--bimbo-sp-bordo);
	border-radius: 16px;
	background: var(--bimbo-sp-sfondo);
	color: #1f2a33;
	font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5;
	text-align: left;
}

.bimbo-sp--aperte {
	--bimbo-sp-sfondo: #edf8ee;
	--bimbo-sp-bordo: #3fa34d;
	--bimbo-sp-accento: #1e6b2a;
}

.bimbo-sp--esaurite {
	--bimbo-sp-sfondo: #fff5e6;
	--bimbo-sp-bordo: #f0a030;
	--bimbo-sp-accento: #8a4a00;
}

.bimbo-sp--in_arrivo,
.bimbo-sp--in_prenotazione {
	--bimbo-sp-sfondo: #e9f6fc;
	--bimbo-sp-bordo: #2aa7dc;
	--bimbo-sp-accento: #0b5a7e;
}

.bimbo-sp__icona {
	flex: 0 0 auto;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	padding: 11px;
	border-radius: 50%;
	background: var(--bimbo-sp-bordo);
	fill: none;
	stroke: #fff;
	stroke-width: 2.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.bimbo-sp--in_arrivo .bimbo-sp__icona {
	animation: bimbo-sp-gira 1.6s linear infinite;
}

.bimbo-sp__testo {
	flex: 1 1 auto;
	min-width: 0;
}

.bimbo-sp p,
.bimbo-sp ul {
	margin: 0 0 10px;
	font-size: inherit;
	line-height: inherit;
}

.bimbo-sp__testo > :last-child {
	margin-bottom: 0;
}

.bimbo-sp .bimbo-sp__titolo {
	margin-bottom: 6px;
	color: var(--bimbo-sp-accento);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
}

.bimbo-sp strong {
	color: var(--bimbo-sp-accento);
}

.bimbo-sp .bimbo-sp__giorni {
	padding-left: 22px;
}

.bimbo-sp .bimbo-sp__conto {
	display: inline-block;
	margin: 4px 0 14px;
	padding: 6px 18px;
	border: 2px solid var(--bimbo-sp-bordo);
	border-radius: 999px;
	background: #fff;
	color: var(--bimbo-sp-accento);
	font-size: 22px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.bimbo-sp .bimbo-sp__nota {
	font-size: 16px;
	color: #44515c;
}

@keyframes bimbo-sp-gira {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.bimbo-sp--in_arrivo .bimbo-sp__icona {
		animation: none;
	}
}

@media (max-width: 600px) {
	.bimbo-sp {
		margin-right: 12px;
		margin-left: 12px;
		gap: 14px;
		padding: 18px 16px;
		font-size: 17px;
	}

	.bimbo-sp__icona {
		width: 40px;
		height: 40px;
		padding: 9px;
	}

	.bimbo-sp .bimbo-sp__titolo {
		font-size: 21px;
	}

	.bimbo-sp .bimbo-sp__conto {
		display: block;
		padding: 6px 12px;
		border-radius: 12px;
		font-size: 18px;
	}
}

/*
 * Il vecchio avviso rosso "INFO" della home (widget Avviso di Elementor con
 * ID "form-prenotazione") ora è sostituito dal riquadro. Il widget resta
 * perché i pulsanti VESTIARIO/GIOCATTOLI puntano all'ancora #form-prenotazione.
 */
#form-prenotazione.elementor-widget-alert .elementor-alert {
	display: none;
}