/* Certificate of Completion - visual design
   A4 portrait: 210mm x 297mm */

.cmv-cert-page {
	--cmv-primary: #0b3d5c;
	--cmv-accent: #c9a227;
	width: 210mm;
	min-height: 297mm;
	margin: 0 auto;
	background: #fdfdfb;
	position: relative;
	box-sizing: border-box;
	font-family: Georgia, 'Times New Roman', serif;
	color: #222;
}

.cmv-theme-modern { font-family: 'Segoe UI', Arial, sans-serif; }

.cmv-cert-border {
	position: absolute;
	inset: 10mm;
	border: 2px solid var(--cmv-primary);
	outline: 1px solid var(--cmv-accent);
	outline-offset: -6px;
	padding: 14mm 16mm;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.cmv-cert-logo-row { display: flex; align-items: center; justify-content: center; gap: 6mm; margin-bottom: 6mm; }
.cmv-cert-logo { max-height: 22mm; max-width: 60mm; object-fit: contain; }
.cmv-cert-logo2 { object-fit: contain; }
.cmv-cert-company { font-size: 14pt; font-weight: bold; color: var(--cmv-primary); letter-spacing: .5px; margin-bottom: 4mm; }
.cmv-cert-title { font-size: 28pt; color: var(--cmv-primary); margin: 2mm 0; text-transform: uppercase; letter-spacing: 2px; }
.cmv-cert-subtitle { font-size: 11pt; color: #555; margin: 2mm 0; }
.cmv-cert-name { font-size: 24pt; font-weight: bold; color: #111; margin: 4mm 0; border-bottom: 1px solid var(--cmv-accent); padding-bottom: 3mm; min-width: 60%; }
.cmv-cert-body { font-size: 11pt; color: #444; margin: 2mm 0; }
.cmv-cert-course { font-size: 16pt; font-weight: 600; color: var(--cmv-primary); margin: 3mm 0 5mm; }

.cmv-cert-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 4mm 8mm; font-size: 9.5pt; color: #555; margin-bottom: 4mm; }
.cmv-cert-number { font-size: 10pt; color: #333; margin-bottom: 8mm; letter-spacing: .5px; }

.cmv-cert-signatures { display: flex; justify-content: space-around; width: 100%; margin: 8mm 0 6mm; gap: 6mm; }
.cmv-cert-signature-block { flex: 1; max-width: 55mm; }
.cmv-cert-signature-img { max-height: 14mm; max-width: 45mm; object-fit: contain; }
.cmv-cert-signature-line { border-top: 1px solid #999; margin: 2mm auto; width: 80%; }
.cmv-cert-signature-name { font-size: 9.5pt; font-weight: 600; }
.cmv-cert-signature-pos { font-size: 8.5pt; color: #666; }
.cmv-cert-signature-label { font-size: 8pt; color: var(--cmv-primary); margin-top: 1mm; text-transform: uppercase; letter-spacing: .5px; }

.cmv-cert-footer { display: flex; align-items: center; gap: 6mm; margin-top: auto; width: 100%; border-top: 1px solid #ddd; padding-top: 4mm; }
.cmv-cert-qr { width: 22mm; height: 22mm; flex-shrink: 0; }
.cmv-cert-footer-text { text-align: left; font-size: 7.5pt; color: #666; line-height: 1.4; }
.cmv-cert-notice { font-weight: 600; color: var(--cmv-primary); margin: 0 0 1mm; }
.cmv-cert-verify-url { margin: 0 0 1mm; word-break: break-all; }
.cmv-cert-contact { margin: 0 0 1mm; }
.cmv-cert-footer-line { margin: 0; font-style: italic; }

.cmv-cert-frame { max-width: 210mm; margin: 0 auto; }

/* Print rules */
@media print {
	@page { size: A4 portrait; margin: 0; }
	body * { visibility: hidden; }
	#cmv-certificate, #cmv-certificate * { visibility: visible; }
	#cmv-certificate { position: absolute; left: 0; top: 0; margin: 0; box-shadow: none; }
	.cmv-cert-border { border: 2px solid var(--cmv-primary); }
}