.sigurica-vin-autofill {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	grid-column: 1 / -1 !important;
	flex: 0 0 100% !important;
	margin: 0 0 20px;
	padding: 16px 18px;
	border: 1px solid #d8dee8;
	border-radius: 12px;
	background: #f8fafc;
	box-shadow: 0 3px 12px rgba(15, 23, 42, .05);
}

.sigurica-vin-autofill__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.sigurica-vin-autofill__head strong {
	display: block;
	margin-bottom: 3px;
	font-size: 15px;
	line-height: 1.35;
	color: #111827;
}

.sigurica-vin-autofill__head span:not(.sigurica-vin-autofill__badge) {
	display: block;
	font-size: 13px;
	line-height: 1.45;
	color: #64748b;
}

.sigurica-vin-autofill__badge {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 8px;
	border-radius: 999px;
	background: #e7eefb;
	color: #234a84;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .04em;
}

.sigurica-vin-autofill__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: stretch;
}

.sigurica-vin-autofill__input {
	box-sizing: border-box;
	width: 100%;
	min-height: 46px;
	padding: 10px 13px;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	background: #fff;
	font-size: 16px;
	font-weight: 650;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.sigurica-vin-autofill__input:focus {
	outline: none;
	border-color: #234a84;
	box-shadow: 0 0 0 3px rgba(35, 74, 132, .10);
}

.sigurica-vin-autofill__button {
	min-height: 46px;
	white-space: nowrap;
}

.sigurica-vin-autofill__message,
.sigurica-vin-autofill__checks {
	margin-top: 12px;
	padding: 11px 13px;
	border-radius: 8px;
	font-size: 13px;
	line-height: 1.5;
}

.sigurica-vin-autofill__message strong,
.sigurica-vin-autofill__message span,
.sigurica-vin-autofill__message small,
.sigurica-vin-autofill__checks strong,
.sigurica-vin-autofill__checks span {
	display: block;
}

.sigurica-vin-autofill__message small {
	margin-top: 4px;
	opacity: .75;
}

.sigurica-vin-autofill__message--success {
	border: 1px solid #b8dfc2;
	background: #eef9f1;
	color: #1f5d2d;
}

.sigurica-vin-autofill__message--error {
	border: 1px solid #edc0c0;
	background: #fff2f2;
	color: #8b2525;
}

.sigurica-vin-autofill__checks {
	border: 1px solid #ead9aa;
	background: #fffbeb;
	color: #715b1d;
}

.sigurica-vin-autofill__checks span + span {
	margin-top: 4px;
}

.hp-form__field.sigurica-vin-autofill--filled {
	transition: box-shadow .2s ease, background-color .2s ease;
	box-shadow: 0 0 0 3px rgba(34, 197, 94, .16);
	border-radius: 8px;
}

@media (max-width: 600px) {
	.sigurica-vin-autofill {
		padding: 14px;
	}

	.sigurica-vin-autofill__row {
		grid-template-columns: 1fr;
	}

	.sigurica-vin-autofill__button {
		width: 100%;
	}

	.sigurica-vin-autofill__head {
		gap: 10px;
	}
}


/* V0.2.3: VIN kartica mora biti puna širina između Lokacije i ostalih auto polja. */
.hp-form--listing-submit .sigurica-vin-autofill {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	max-width: 100% !important;
	justify-self: stretch !important;
	align-self: stretch !important;
}