/* CVH Monetization — front-end styles. Navy #2C4353 to match site. */

.cvh-book-box {
	border: 1px solid #dfe5ea;
	border-left: 4px solid #2C4353;
	border-radius: 8px;
	background: #f8fafb;
	padding: 18px 20px;
	margin: 1.5em 0;
}
.cvh-book-box-head {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 1.05em;
	margin-bottom: 8px;
	color: #2C4353;
}
.cvh-book-box-icon { font-size: 1.4em; }
.cvh-book-box p { margin: 0 0 14px; }

.cvh-btn {
	display: inline-block;
	background: #2C4353;
	color: #fff !important;
	text-decoration: none !important;
	padding: 10px 22px;
	border-radius: 6px;
	font-weight: 600;
	transition: background .15s;
}
.cvh-btn:hover { background: #1e2f3b; color: #fff !important; }
.cvh-btn-sm { padding: 8px 16px; font-size: .92em; }
.cvh-btn-disabled {
	background: #c3c4c7;
	cursor: not-allowed;
}
.cvh-placeholder { border-style: dashed; }

.cvh-compare {
	border: 1px solid #dfe5ea;
	border-radius: 8px;
	overflow: hidden;
	margin: 1.5em 0;
}
.cvh-compare-head {
	background: #2C4353;
	color: #fff;
	padding: 12px 18px;
	font-size: 1.02em;
}
.cvh-compare-row {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 18px;
	border-top: 1px solid #eef1f4;
	flex-wrap: wrap;
}
.cvh-compare-row:first-child { border-top: 0; }
.cvh-compare-row.cvh-best { background: #fff8e8; }
.cvh-compare-name { flex: 1 1 220px; }
.cvh-compare-detail { display: block; font-size: .9em; color: #5a6b77; margin-top: 2px; }
.cvh-best-tag {
	display: inline-block;
	font-size: .72em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	background: #e8a838;
	color: #3a2a00;
	border-radius: 4px;
	padding: 2px 8px;
	margin-left: 8px;
	vertical-align: middle;
}
.cvh-compare-price { font-weight: 700; color: #2C4353; white-space: nowrap; }
.cvh-compare-cta { margin-left: auto; }

.cvh-disclosure {
	border: 1px dashed #b9c4cc;
	border-radius: 8px;
	background: #f4f7f9;
	padding: 14px 18px;
	margin: 1.5em 0;
	font-size: .92em;
	color: #5a6b77;
}
.cvh-disclosure-label {
	display: inline-block;
	font-size: .75em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #2C4353;
	margin-bottom: 6px;
}
.cvh-disclosure p { margin: 0; }

.cvh-packing {
	border: 1px solid #dfe5ea;
	border-radius: 8px;
	background: #f8fafb;
	padding: 18px 20px;
	margin: 1.5em 0;
}
.cvh-packing-head {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #2C4353;
	margin-bottom: 10px;
	font-size: 1.05em;
}
.cvh-packing-items { margin: 0; padding-left: 1.2em; }
.cvh-packing-items li { margin: 6px 0; }
.cvh-pack-note { color: #5a6b77; font-size: .92em; }

.cvh-ad-slot { margin: 1.5em 0; }
.cvh-ad-slot:empty { margin: 0; }

.cvh-admin-badge {
	display: inline-block;
	font-size: 11px;
	background: #fff3cd;
	border: 1px solid #e8c547;
	color: #7a5c00;
	border-radius: 4px;
	padding: 3px 8px;
	margin-top: 10px;
}

@media (max-width: 600px) {
	.cvh-compare-row { flex-direction: column; align-items: flex-start; }
	.cvh-compare-cta { margin-left: 0; width: 100%; }
	.cvh-compare-cta .cvh-btn { width: 100%; text-align: center; box-sizing: border-box; }
}