/* Watertemperatuur widget. Neemt lettertype en kleuren van het thema over.
   Aanpassen kan met de variabelen hieronder, bv. in Customizer > Extra CSS:
   .wt { --wt-accent: #0a6ebd; } */
.wt {
	--wt-accent: #1b6fa8;
	--wt-bg: color-mix(in srgb, var(--wt-accent) 7%, transparent);
	--wt-border: color-mix(in srgb, var(--wt-accent) 25%, transparent);
	--wt-radius: 12px;
	font-family: inherit;
	color: inherit;
}
.wt--kaart {
	display: inline-block;
	min-width: 200px;
	max-width: 100%;
	box-sizing: border-box;
	padding: 16px 20px;
	background: var(--wt-bg);
	border: 1px solid var(--wt-border);
	border-radius: var(--wt-radius);
	line-height: 1.3;
}
.wt__titel {
	font-size: .8em;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	opacity: .75;
	margin-bottom: 4px;
}
.wt__waarde {
	font-size: 2.4em;
	font-weight: 700;
	color: var(--wt-accent);
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
}
.wt__eenheid { font-size: .55em; font-weight: 600; }
.wt__locatie { font-weight: 600; margin-top: 2px; }
.wt__meta { font-size: .78em; opacity: .7; margin-top: 8px; }
.wt__meta a { color: inherit; }
.wt--inline strong { color: var(--wt-accent); white-space: nowrap; }
.wt-admin-notice {
	padding: 8px 12px;
	border-left: 4px solid #d63638;
	background: #fcf0f1;
	font-size: 14px;
}