/**
 * UK Food Hygiene Rating — Frontend Styles
 * Minimal, unobtrusive. Works with any theme.
 */

.ukfhr-widget {
	display: inline-block;
	margin: 0.75em 0;
}

.ukfhr-link {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	text-decoration: none;
	color: inherit;
}

.ukfhr-link:hover .ukfhr-badge {
	opacity: 0.88;
	transition: opacity 0.2s ease;
}

.ukfhr-badge {
	display: block;
	height: auto;
	max-width: 100%;
}

.ukfhr-badge--large  { width: 200px; }
.ukfhr-badge--medium { width: 150px; }
.ukfhr-badge--small  { width: 100px; }

.ukfhr-meta {
	display: flex;
	flex-direction: column;
	gap: 0.2em;
	margin-top: 0.5em;
	font-size: 0.85em;
	color: #444;
	line-height: 1.4;
}

.ukfhr-rating-text strong,
.ukfhr-inspected-date strong {
	font-weight: 600;
}

.ukfhr-error {
	color: #c0392b;
	font-size: 0.9em;
	font-style: italic;
}