/**
 * AlphaBee Course Previews — Front-end Styles
 */

/* Preview badge */
.abp-cpr-preview-badge {
	display: inline-block;
	background: #10b981;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 2px 8px;
	border-radius: 3px;
	margin-right: 8px;
	vertical-align: middle;
	line-height: 1.6;
}

/* CTA banner */
.abp-cpr-cta {
	background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
	border: 1px solid #7dd3fc;
	border-left: 4px solid #0284c7;
	border-radius: 6px;
	padding: 20px 24px;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
}

.abp-cpr-cta p {
	margin: 0;
	font-size: 15px;
	color: #0c4a6e;
	flex: 1;
	min-width: 200px;
}

.abp-cpr-cta a {
	color: #0369a1;
	text-decoration: none;
}

.abp-cpr-cta a:hover {
	text-decoration: underline;
}

.abp-cpr-cta-button {
	display: inline-block;
	background: #0284c7;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 14px;
	padding: 10px 24px;
	border-radius: 5px;
	transition: background 0.2s ease;
	white-space: nowrap;
}

.abp-cpr-cta-button:hover {
	background: #0369a1;
	color: #fff !important;
}

/* Content table injected for non-enrolled users */
.abp-cpr-content-table {
	margin-top: 32px;
}

.abp-cpr-content-table h2 {
	font-size: 20px;
	margin-bottom: 16px;
}

.abp-cpr-content-table .ld-item-list-item {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1px solid #e5e7eb;
}

.abp-cpr-content-table .ld-item-list-item:last-child {
	border-bottom: none;
}

.abp-cpr-content-table .ld-item-name {
	flex: 1;
	color: #374151;
	text-decoration: none;
}

.abp-cpr-content-table a.ld-item-name {
	color: #0284c7;
}

.abp-cpr-content-table a.ld-item-name:hover {
	text-decoration: underline;
}

.abp-cpr-content-table .abp-cpr-locked-icon {
	color: #9ca3af;
	font-size: 16px;
	margin-left: 8px;
}

/* Preview row highlight in LD's default content table */
.abp-cpr-is-preview {
	position: relative;
}