/* Cameroon Portal Core – front-end styles. Brand: forest #0B3D2E, green #0B6B4F, gold #E9B949, grey #4F6359, mist #F1F5F3. */

/* Verification badge – used only when the Cameroon Portal theme is not active (the theme styles .vbadge itself). */
body:not(.cp-theme) .cp-vbadge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	border-radius: 0;
	background: #F1F5F3;
	color: #4F6359;
	border: 1px solid #d6e0db;
	vertical-align: middle;
}
body:not(.cp-theme) .cp-vbadge svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
body:not(.cp-theme) .cp-vbadge .dots { display: none; }
body:not(.cp-theme) .cp-vbadge--1, body:not(.cp-theme) .cp-vbadge--2 { background: #e8f2ee; color: #0B6B4F; border-color: #c5ddd3; }
body:not(.cp-theme) .cp-vbadge--3 { background: #0B6B4F; color: #fff; border-color: #0B6B4F; }
body:not(.cp-theme) .cp-vbadge--4 { background: #0B3D2E; color: #E9B949; border-color: #0B3D2E; }

/* Verification step on the submit form */
.cp-verify-step .cp-verify-private {
	background: #F1F5F3;
	border-left: 3px solid #0B6B4F;
	padding: 10px 14px;
}
.cp-verify-step .cp-verify-current { color: #0B6B4F; font-weight: 600; }
.cp-verify-errors {
	background: #fdf1f0;
	border-left: 3px solid #b3261e;
	padding: 10px 14px;
	margin-bottom: 16px;
}
.cp-verify-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	padding: 14px 0;
	border-bottom: 1px solid #e3e9e6;
}
.cp-verify-row[hidden], .cp-verify-more[hidden] { display: none; }
.cp-verify-row label span { display: block; font-weight: 600; margin-bottom: 6px; }
.cp-verify-row input[type="file"] { width: 100%; }
.cp-verify-more {
	margin-top: 14px;
	padding: 10px 18px;
	border: 1px solid #0B6B4F;
	border-radius: 0;
	background: #fff;
	color: #0B6B4F;
	font-weight: 600;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}
.cp-verify-more:hover, .cp-verify-more:focus-visible { background: #0B6B4F; color: #fff; }

@media (min-width: 768px) {
	.cp-verify-row { grid-template-columns: 1fr 1.4fr; align-items: end; }
}