/**
 * CartNexa Product Title Widget CSS
 * Isolated per-widget styling with luxury baby aesthetic
 */

.cn-product-title-wrapper {
	width: 100%;
	font-family: var(--cn-font-family, sans-serif);
	box-sizing: border-box;
}

/* Meta Top Row */
.cn-title-meta-top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}

.cn-meta-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 12px;
	background-color: var(--cn-soft-bg, #F8FCFD);
	border: 1px solid var(--cn-border, #E6EEF2);
	border-radius: 50px;
	font-size: 12px;
	font-weight: 600;
	color: var(--cn-primary, #25C4C8);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.cn-featured-pill {
	background-color: rgba(250, 204, 21, 0.15);
	border-color: rgba(250, 204, 21, 0.3);
	color: #D97706;
}

.cn-sku-pill,
.cn-id-pill {
	color: var(--cn-body, #667085);
}

.cn-sku-val {
	color: var(--cn-dark, #233547);
	font-weight: 700;
}

/* Product Heading */
.cn-product-heading {
	color: var(--cn-dark, #233547);
	font-family: var(--cn-font-family, sans-serif);
	font-size: 32px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -0.5px;
	margin: 0 0 8px 0;
	padding: 0;
}

/* Subtitle / Tagline */
.cn-product-subtitle {
	color: var(--cn-body, #667085);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

@media (max-width: 768px) {
	.cn-product-heading {
		font-size: 24px;
	}
}