.avc-validate-certification {
	--_max-width: var(--wp--custom--width--default, 1440px);;

	margin-block: var(--wp--preset--spacing--70);
}

.validate_certification__card {
	--_border-color: var(--wp--preset--color--neutral-300);
	--_accent: var(--wp--preset--color--neutral-500);
	--_accent-bg: var(--wp--preset--color--neutral-100);

	width: 100%;
	max-width: var(--_max-width);
	display: flex;
	gap: var(--wp--preset--spacing--90);
	margin-inline: auto;
}

.validate_certification__card--content {
	margin-inline: var(--wp--preset--spacing--90);
}

/***/
.validate_certification__card--valid {
	--_accent: var(--wp--preset--color--alert-success);
	--_accent-bg: var(--wp--preset--color--alert-success-light);
}

.validate_certification__card--invalid {
	--_accent: var(--wp--preset--color--alert-error);
	--_accent-bg: var(--wp--preset--color--alert-error-light);
}

.validate_certification__badge {
	--_size: 72px;
	--_icon: var(--icon--info) no-repeat center / 44%;

	display: flex;
	width: var(--_size);
	height: var(--_size);
	margin-inline: auto;
	margin-bottom: var(--wp--preset--spacing--50);
	border-radius: 50%;
	background-color: var(--_accent-bg);
}

.validate_certification__badge::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--_accent);
	-webkit-mask: var(--_icon);
	mask: var(--_icon);
}

.validate_certification__badge--valid {
	--_icon: var(--icon--success) no-repeat center / 44%;
}

.validate_certification__badge--invalid {
	--_icon: var(--icon--error) no-repeat center / 44%;
}


.validate_certification__details {
	margin-block: var(--wp--preset--spacing--60) 0;
	padding-block: var(--wp--preset--spacing--60) 0;
	border-top: 1px solid var(--wp--preset--color--neutral-300);
	text-align: left;
}

.validate_certification__details dt {
	margin-top: var(--wp--preset--spacing--50);
	font-size: var(--wp--preset--font-size--x-small);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--neutral-500);
}

.validate_certification__details dd {
	margin: var(--wp--preset--spacing--10) 0 0;
	font-weight: var(--font-weight-semibold, 600);
	color: var(--wp--preset--color--neutral-900);
}

.validate_certification__code {
	margin-top: var(--wp--preset--spacing--60);
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--neutral-500);
	word-break: break-all;
}

.validate_certification__back {
	margin: var(--wp--preset--spacing--60) 0 0;
	font-size: var(--wp--preset--font-size--x-small);
}

.validate_certification__search {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
	margin-top: var(--wp--preset--spacing--60);
	text-align: left;
}

.validate_certification__fields {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--40);
}

/* "o" divider between searching by name and searching by email. */
.validate_certification__separator {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--30);
	margin-block: var(--wp--preset--spacing--40);
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--neutral-500);
}

.validate_certification__separator::before,
.validate_certification__separator::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background-color: var(--wp--preset--color--neutral-300);
}

.validate_certification__field {
	flex: 1 1 auto;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
}

.validate_certification__field label {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--neutral-700);
}

.validate_certification__field input {
	width: 100%;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--neutral-300);
	border-radius: var(--ld-border-radius-medium, 12px);
	background-color: var(--wp--preset--color--white, #fff);
	color: var(--wp--preset--color--neutral-900);
}

.validate_certification__search button {
	flex: 0 0 auto;
	align-self: flex-start;
	margin-top: var(--wp--preset--spacing--20);
}

/* Results list. */
.validate_certification__results {
	list-style: none;
	margin: var(--wp--preset--spacing--60) 0 0;
	padding: 0;
	text-align: left;
	border-top: 1px solid var(--wp--preset--color--neutral-300);
}

.validate_certification__result {
	border-bottom: 1px solid var(--wp--preset--color--neutral-300);
}

.validate_certification__result a {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--10);
	padding-block: var(--wp--preset--spacing--40);
	text-decoration: none;
	color: inherit;
}

.validate_certification__result a:hover .validate_certification__result-name {
	text-decoration: underline;
}

.validate_certification__result-name {
	font-weight: var(--font-weight-semibold, 600);
	color: var(--wp--preset--color--neutral-900);
}

.validate_certification__result-meta {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--neutral-500);
}

.validate_certification__empty {
	margin: var(--wp--preset--spacing--60) 0 0;
	color: var(--wp--preset--color--neutral-700);
}