/*
 * Product Info Items — v1
 * Extracted from product.css so product_info styling can be versioned safely.
 */

/* Product Info Items (for non-select attributes) */
.product-info-item {
	margin: 20px 0;
	padding: 15px 20px;
	background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(140, 106, 37, 0.03) 100%);
	border-left: 3px solid var(--primary-brand-color);
	border-radius: 8px;
	transition: all 0.3s ease;
}

.product-info-item:hover {
	background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(140, 106, 37, 0.05) 100%);
	transform: translateX(3px);
	box-shadow: 0 2px 8px rgba(212, 175, 55, 0.15);
}

.product-info-item .info-content {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.product-info-item .info-label {
	font-weight: 600;
	font-size: 16px;
	color: var(--primary-title-color);
	letter-spacing: 0.3px;
}

.product-info-item .info-separator {
	color: var(--primary-brand-color);
	font-weight: 600;
	margin: 0 4px;
}

.product-info-item .info-value {
	font-size: 16px;
	color: var(--primary-text-color);
	font-weight: 500;
	padding: 4px 12px;
	background: rgba(212, 175, 55, 0.1);
	border-radius: 6px;
	border: 1px solid rgba(212, 175, 55, 0.2);
}