/*
 * Health module — frontend styles for the "Zdrowie" tab rendered inside
 * Dogs' own single-bpe_dog.php template via Dog_Profile_Registry (see
 * Health_Profile_Section). Only ever rendered for the dog's owner or an
 * administrator (see that class' docblock) — never shown to the public.
 *
 * Namespaced under "bpe-health__" throughout, so nothing here can collide
 * with Dogs' own "bpe-dog__" classes or any other module's stylesheet
 * (the lesson from the v1.29.1/v1.29.2 .bpe-container conflict).
 */

.bpe-health__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.bpe-health__item {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px;
	padding: 12px 16px;
	background: #f9f9f9;
	border-left: 4px solid #787c82;
	border-radius: 3px;
}

.bpe-health__item--visit {
	border-left-color: #0c5460;
}

.bpe-health__item--vaccination {
	border-left-color: #155724;
}

.bpe-health__item--disease {
	border-left-color: #721c24;
}

.bpe-health__item--allergy {
	border-left-color: #856404;
}

.bpe-health__item--diet {
	border-left-color: #4b3f8f;
}

.bpe-health__item--supplement {
	border-left-color: #1b4f72;
}

.bpe-health__item--weight {
	border-left-color: #5b2c6f;
}

.bpe-health__item--temperature {
	border-left-color: #922b21;
}

.bpe-health__item--note {
	border-left-color: #41464b;
}

.bpe-health__date {
	font-weight: 600;
	color: #50575e;
}

.bpe-health__type {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.04em;
	color: #787c82;
}

.bpe-health__title {
	font-weight: 600;
	flex-basis: 100%;
}

.bpe-health__value {
	font-weight: 600;
}

.bpe-health__description {
	flex-basis: 100%;
	margin: 4px 0 0;
	color: #50575e;
}

.bpe-health__notice {
	margin-top: 12px;
	font-size: 12px;
	color: #787c82;
	font-style: italic;
}