/**
 * Certificate Verification - public styles.
 */

.cv-certify-wrap {
	max-width: 720px;
	margin: 0 auto;
	font-family: inherit;
}

.cv-search-panel {
	background: #eef2f6;
	border: 1px solid #dde4ec;
	border-radius: 14px;
	padding: 22px;
}

.cv-search-form {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.cv-search-input {
	flex: 1 1 260px;
	padding: 12px 16px;
	border: 1px solid #cdd7e1;
	border-radius: 10px;
	font-size: 15px;
	background: #fff;
	color: #1b2430;
}

.cv-search-input:focus {
	outline: none;
	border-color: #2f6fed;
	box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.15);
}

.cv-search-button {
	padding: 12px 26px;
	border: none;
	border-radius: 10px;
	background: #1f7a4d;
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.02em;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out;
}

.cv-search-button:hover,
.cv-search-button:focus {
	background: #175f3c;
}

.cv-search-button[disabled] {
	opacity: 0.65;
	cursor: default;
}

.cv-result-panel {
	margin-top: 30px;
}

.cv-result-heading {
	text-align: center;
	font-size: 2rem;
	margin: 0 0 18px;
	color: #1b2430;
}

.cv-result-card {
	background: #eaf6ee;
	border: 1px solid #d3ecda;
	border-radius: 14px;
	padding: 24px 28px;
}

.cv-result-row {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.cv-result-row:last-child {
	border-bottom: none;
}

.cv-result-label {
	font-weight: 700;
	color: #1b2430;
}

.cv-result-value {
	color: #33404d;
	text-align: right;
}

.cv-not-found {
	background: #fdecec;
	border: 1px solid #f3c8c8;
	color: #7a2323;
	padding: 16px 20px;
	border-radius: 10px;
	text-align: center;
}

@media (max-width: 480px) {
	.cv-result-row {
		flex-direction: column;
		gap: 4px;
	}

	.cv-result-value {
		text-align: left;
	}
}