/**
 * UruShop Taste Profile Widget Styles
 *
 * Visual progress bars for taste attributes on single product pages.
 * Uses UruShop brand colors from theme.json.
 */

.urushop-taste-profile {
	margin: 0;
	padding: 1.5rem;
	background-color: #FFFFFF;
	border-radius: 12px;
}

.urushop-taste-profile__title {
	margin: 0 0 1.25rem 0;
	padding: 0 0 0.75rem 0;
	font-size: 0.875rem;
	font-weight: 700;
	color: #1B4332;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	border-bottom: 2px solid #e8f5e9;
}

.urushop-taste-profile__items {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.urushop-taste-profile__item {
	display: grid;
	grid-template-columns: 110px 1fr 50px;
	align-items: center;
	gap: 1rem;
}

.urushop-taste-profile__label {
	font-size: 0.875rem;
	font-weight: 500;
	color: #333;
}

.urushop-taste-profile__bar {
	height: 12px;
	background-color: #e8f5e9;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.urushop-taste-profile__bar-fill {
	height: 100%;
	background: linear-gradient(90deg, #00A86B 0%, #C3F73A 100%);
	border-radius: 6px;
	transition: width 0.4s ease-out;
}

.urushop-taste-profile__value {
	font-size: 0.875rem;
	font-weight: 700;
	color: #00A86B;
	text-align: right;
}

/* When inside the description tab sidebar */
.urushop-description-tab__taste-profile {
	background: linear-gradient(145deg, #f8fdf9 0%, #ffffff 100%);
	border: 1px solid #e0e0e0;
	border-radius: 16px;
	padding: 1.75rem;
	box-shadow: 0 2px 8px rgba(0, 168, 107, 0.06);
}

.urushop-description-tab__taste-profile .urushop-taste-profile {
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
}

/* Responsive adjustments */
@media (max-width: 900px) {
	.urushop-description-tab__taste-profile {
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	.urushop-taste-profile {
		padding: 1.25rem;
	}

	.urushop-taste-profile__item {
		grid-template-columns: 90px 1fr 45px;
		gap: 0.75rem;
	}

	.urushop-taste-profile__label {
		font-size: 0.8125rem;
	}

	.urushop-taste-profile__bar {
		height: 10px;
	}

	.urushop-taste-profile__value {
		font-size: 0.8125rem;
	}
}