/**
 * KidzeZone PreK education UI icon kit.
 *
 * Colors lean on theme.json tokens (PreK green + accent + contrast).
 */

.kz-icon {
	display: inline-block;
	flex-shrink: 0;
	vertical-align: middle;
	width: 1.25rem;
	height: 1.25rem;
	color: currentColor;
}

.kz-icon--sm {
	width: 1rem;
	height: 1rem;
}

.kz-icon--md {
	width: 1.25rem;
	height: 1.25rem;
}

.kz-icon--lg {
	width: 2rem;
	height: 2rem;
}

/* PreK-forward chip / badge helpers */
.kz-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	min-height: 2rem;
	padding: 0.25rem 0.65rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.85rem;
	line-height: 1;
	color: var(--wp--preset--color--contrast, #0f172a);
	background: var(--wp--preset--color--grade-prek, #86efac);
}

.kz-chip--accent {
	background: var(--wp--preset--color--accent, #f59e0b);
}

.kz-chip--grade-prek { background: var(--wp--preset--color--grade-prek, #86efac); }
.kz-chip--grade-kindergarten { background: var(--wp--preset--color--grade-kindergarten, #38bdf8); }
.kz-chip--grade-1 { background: var(--wp--preset--color--grade-1, #fb923c); }
.kz-chip--grade-2 { background: var(--wp--preset--color--grade-2, #c084fc); }
.kz-chip--grade-3 { background: var(--wp--preset--color--grade-3, #f472b6); }
.kz-chip--grade-4 { background: var(--wp--preset--color--grade-4, #2dd4bf); }

.kz-icon-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.65rem;
	background: var(--wp--preset--color--grade-prek, #86efac);
	color: var(--wp--preset--color--contrast, #0f172a);
}

.kz-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	padding: 2rem 1rem;
	text-align: center;
	color: var(--wp--preset--color--contrast-muted, #64748b);
}

.kz-empty-state__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	border-radius: 1rem;
	background: var(--wp--preset--color--grade-prek, #86efac);
	color: var(--wp--preset--color--contrast, #0f172a);
}

.kz-empty-state__icon .kz-icon {
	width: 2rem;
	height: 2rem;
}

/* CTA / wall icon spacing when kit is wired */
.kz-worksheet-download__cta .kz-icon,
.kz-grade-nav__link .kz-icon {
	margin-inline-end: 0.35rem;
}

.kz-worksheet-download__wall-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	margin-bottom: 0.5rem;
	border-radius: 0.75rem;
	background: var(--wp--preset--color--grade-prek, #86efac);
	color: var(--wp--preset--color--contrast, #0f172a);
}

.kz-worksheet-download__wall--premium .kz-worksheet-download__wall-icon {
	background: var(--wp--preset--color--accent, #f59e0b);
}