/*
	Plugin Name: Nutrition Values
	Description: Get nutrition data from foodnotify
	Author: Julia
	Version: 0.2.8
	@package Nutrition Values
	@version 0.2.8
	© 2023 Julia Rienitz <j.rienitz@peterpane.de>
*/

.nutrition-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.nutrition-footer > div {
	flex: 450px 1 0;
}

.small-print {
	font-size: 0.875rem;
}

/* Chart data generation start */
.wrapper-chart {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0;
	font-family: "Biko regular";
	width: 100%
}

.wrapper-chart .ct-label {
	font-size: 1rem;
}

.wrapper-chart .ct-golden-section {
	padding-bottom: 25px;
	width: 50%;
	margin-top: 25px;
}

.wrapper-chart .ct-golden-section svg {
	overflow: visible;
}

.list-chart-labels {
	width: 50%;
}

.box-item {
	position: relative;
}

.protein:before {
	background: #F2EA79;
}

.carbs:before {
	background: #F2BF27;
}

.fat:before {
	background: #ECA012;
}

.fibers:before {
	background: #BFBDB8;
}

.salt:before {
	background: #F2F0EB;
}

.box-item:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	top: 6px;
	left: -15px;
}

.wrapper-chart .calories,
.wrapper-chart .list-items-chart>li,
.wrapper-chart .salt {
	font-size: 1em;
	line-height: 1.5em;
	color: #000000;
	margin-bottom: 7px;
}

.wrapper-chart .list-items-chart {
	list-style: none;
	margin: 0 15px;
}

.wrapper-chart .sub-item-fett {
	list-style: none;
	padding-left: 5px;
}

.wrapper-chart .ct-chart-donut .ct-label,
.ct-chart-pie .ct-label {
	fill: #000;
}

.wrapper-chart .ct-series-a .ct-slice-donut {
	stroke: #F2EA79;
}

.wrapper-chart .ct-series-b .ct-slice-donut {
	stroke: #F2BF27;
}

.wrapper-chart .ct-series-c .ct-slice-donut {
	stroke: #ECA012;
}

.wrapper-chart .ct-series-d .ct-slice-donut {
	stroke: #BFBDB8;
}

.wrapper-chart .ct-series-e .ct-slice-donut {
	stroke: #F2F0EB;
}

.wrapper-chart .ct-series-a .ct-area,
.wrapper-chart .ct-series-a .ct-slice-donut-solid,
.wrapper-chart .ct-series-a .ct-slice-pie {
	fill: #F2EA79;
}

.wrapper-chart .ct-series-b .ct-area,
.wrapper-chart .ct-series-b .ct-slice-donut-solid,
.wrapper-chart .ct-series-b .ct-slice-pie {
	fill: #F2BF27;
}

.wrapper-chart .ct-series-c .ct-area,
.wrapper-chart .ct-series-c .ct-slice-donut-solid,
.wrapper-chart .ct-series-c .ct-slice-pie {
	fill: #ECA012;
}

.wrapper-chart .ct-series-d .ct-area,
.wrapper-chart .ct-series-d .ct-slice-donut-solid,
.wrapper-chart .ct-series-d .ct-slice-pie {
	fill: #BFBDB8;
}

.wrapper-chart .ct-series-e .ct-area,
.wrapper-chart .ct-series-e .ct-slice-donut-solid,
.wrapper-chart .ct-series-e .ct-slice-pie {
	fill: #F2F0EB;
}

@media screen and (max-width: 480px) {
	.wrapper-chart {
		width: 100%;
		padding: 5px 0px;
		align-items: center;
		flex-direction: column;
	}

	.nutrition-footer > div {
		flex: 100% 1 0;
	}

	.wrapper-chart .ct-golden-section,
	.list-chart-labels {
		width: 100%;
		margin-top: 0px;
	}

	.list-chart-labels {
		margin-top: 10px;
	}
}

#nutrition-filters-wrapper h5 {
	margin: 1em 0 0.5em 0;
}

#nutrition-filters-wrapper input[type="submit"] {
	margin: 1rem 0;
}