/* Webfluss Add-on – Countdown und Shop-Label */
.wfa-cd {
	--wfa-accent: #7C1515;
	--wfa-dark: #211E44;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 14px 0 20px;
	padding: 16px 18px;
	background: #fff;
	border: 1px solid var(--theme-border-color, #e1e8ed);
	border-radius: 6px;
}
.wfa-cd *, .wfa-cd *::before, .wfa-cd *::after { box-sizing: border-box; }
.wfa-cd__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 12px; }
.wfa-cd__title { font-size: 14px; font-weight: 700; color: var(--theme-headings-color, #192a3d); }
.wfa-cd__date { font-size: 12.5px; color: #5b6b7c; }
.wfa-cd__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.wfa-cd__unit {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
	min-height: 64px; padding: 8px 4px;
	background: var(--wfa-dark); border-radius: 6px; color: #fff;
}
.wfa-cd__num { font-size: 24px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
.wfa-cd__lbl { font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; color: rgba(255, 255, 255, .75); }

.wfa-cd--closed { background: #f2f5f7; border-style: dashed; gap: 4px; }
.wfa-cd__next { font-size: 13px; color: #5b6b7c; }

.wfa-badge {
	--wfa-accent: #7C1515;
	--wfa-dark: #211E44;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: fit-content;
	margin: 4px 0 6px;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--wfa-dark);
	color: #fff;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .3px;
	line-height: 1.4;
}
.wfa-badge::before {
	content: "";
	width: 6px; height: 6px; border-radius: 50%;
	background: #fff; opacity: .8;
}
.wfa-badge--urgent { background: var(--wfa-accent); }