/* Frontend styles for LPD Wine Profile */

.lpd-wine-profile-card {
	position: relative;
	background-color: #f7f7f7;
	border-radius: 12px;
	padding: 30px 25px;
	max-width: auto;
	margin: 20px auto;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	overflow: hidden;
}

/* Optional: Adding a faint world map background if needed, similar to the image */
.lpd-wp-bg-map {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500'%3E%3Cpath fill='%23000' fill-opacity='0.05' d='M256,128c-10,0-18,5-23,12c-3,4-5,9-5,14c0,5,1,10,4,14c-8,4-15,11-20,18c-7,10-10,21-10,34c0,11,4,22,11,32c-6,8-9,18-9,28c0,10,3,20,9,28c-8,8-13,20-13,32c0,13,5,24,14,33c-5,9-8,19-8,30c0,12,5,23,13,31c-6,8-9,18-9,29c0,13,5,24,14,33c-7,8-11,20-11,31c0,13,5,25,14,34c-6,9-10,20-10,32c0,14,5,26,15,35c-7,9-11,21-11,33c0,13,5,25,14,34c-8,9-12,22-12,35c0,14,6,27,15,36c-8,9-12,21-12,35c0,15,6,28,16,37c-9,10-14,23-14,37c0,14,6,28,16,37c-9,10-14,24-14,38c0,15,7,29,18,39c-8,9-13,22-13,35c0,16,8,30,20,40c-7,8-11,18-11,29c0,14,8,25,20,32c-4,6-6,14-6,22c0,13,9,25,23,28c4,1,8,1,12,1h586c5,0,10-1,14-2c13-3,22-15,22-28c0-8-2-16-6-22c11-7,19-18,19-32c0-11-4-21-10-29c11-10,18-24,18-40c0-14-5-26-14-36c11-9,18-24,18-40c0-14-6-28-16-39c10-9,16-22,16-37c0-14-5-27-14-37c10-9,16-23,16-38c0-14-6-28-15-38c9-9,15-22,15-36c0-14-5-26-14-36c10-9,15-22,15-36c0-13-5-26-14-35c9-9,14-22,14-35c0-13-4-25-12-34c9-9,15-22,15-35c0-13-5-25-13-34c9-9,14-21,14-34c0-12-5-24-13-32c8-8,13-19,13-31c0-11-4-21-11-29c8-8,12-18,12-30c0-10-3-20-9-28c7-9,11-20,11-32c0-12-3-22-9-31c7-8,11-18,11-29c0-10-4-19-10-27c6-7,9-16,9-25c0-10-4-19-11-26c7-7,11-17,11-27c0-12-5-23-14-30c8-6,13-16,13-26c0-11-5-21-14-27c6-6,10-14,10-23c0-11-5-21-15-27c6-5,10-13,10-21c0-10-5-19-14-25c5-5,9-12,9-20c0-10-5-19-14-24c5-5,9-12,9-20c0-11-7-21-17-25c4-4,7-10,7-16c0-11-7-21-18-25c3-4,6-9,6-15c0-12-10-22-22-22H256z'/%3E%3C/svg%3E");
	background-size: cover;
	background-position: center;
	opacity: 0.5;
	pointer-events: none;
	z-index: 1;
}

.lpd-wp-content {
	position: relative;
	z-index: 2;
}

.lpd-wp-item {
	margin-bottom: 5px;
}

.lpd-wp-item:last-child {
	margin-bottom: 0;
}

.lpd-wp-labels {
	display: flex;
	justify-content: space-between;
	font-weight: 600;
	font-size: 16px;
	color: #111;
	margin-bottom: 8px;
}

.lpd-wp-bar-track {
	height: 4px;
	background-color: #e0e0e0;
	border-radius: 2px;
	position: relative;
	margin-bottom: 10px;
}

.lpd-wp-bar-fill {
	position: absolute;
	top: -3px;
	height: 10px;
	background-color: #111;
	border-radius: 2px;
	/* Width and left position are set inline via PHP */
}

.lpd-wp-badge {
	display: inline-block;
	background-color: #111;
	color: #fff;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
}