.vfp-checkout-notice {
	margin-bottom: 24px;
}

/*
 * Colore "accent" del tema (rgb(59,130,246) / #3b82f6) scritto qui
 * direttamente, invece di usare le classi Tailwind custom del tema
 * (bg-resicar-accent, focus:ring-resicar-accent). Quelle classi
 * vengono compilate da Tailwind solo se il tema le "vede" nei propri
 * file scansionati: se non compaiono anche in un template del tema,
 * Tailwind non le genera e restano senza effetto nel CSS finale, anche
 * se scritte correttamente nel markup del plugin.
 */
.vfp-btn-primary {
	background-color: #3b82f6;
}
.vfp-btn-primary:hover {
	background-color: #2563eb;
}

.vfp-input-focus:focus {
	outline: none;
	box-shadow: 0 0 0 2px #3b82f6;
}

/*
 * Badge "Prenotato" sovrapposto alla foto, stampato tramite le action
 * resicar_vehicle_card_image_overlay / resicar_vehicle_gallery_image_overlay
 * (VFP_Public::render_badge_overlay). Il contenitore su cui viene
 * appeso deve avere position:relative (già vero sia nella card
 * archivio che nella galleria del tema).
 */
.vfp-badge-overlay {
	position: absolute;
	inset: 0;
	background: rgba(17, 24, 39, 0.55);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	z-index: 5;
	cursor: help;
}