/**
 * Age Divisions block — table / chips / cards, theme-token bound.
 */

.fnkit-divisions__heading {
	font-family: var(--wp--preset--font-family--heading, inherit);
	margin: 0 0 var(--wp--preset--spacing--40, 1.25rem);
	font-weight: var(--fnkit-heading-weight);
	text-transform: var(--fnkit-heading-case);
	letter-spacing: var(--fnkit-heading-tracking);
	font-size: var(--fnkit-heading-size);
}
.fnkit-divisions__empty { color: var(--wp--preset--color--muted, #696b70); font-style: italic; margin: 0; }

.fnkit-divisions__items {
	display: grid;
	gap: var(--wp--preset--spacing--40, 1.25rem);
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 600px) {
	.fnkit-divisions__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.fnkit-division__group {
	font-family: var(--wp--preset--font-family--heading, inherit);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	color: var(--fnkit-accent-text, var(--wp--preset--color--accent, #c8102e));
	margin: 0 0 0.4rem;
}

/* Cards */
.fnkit-divisions--cards .fnkit-division {
	padding: var(--wp--preset--spacing--50, 2rem);
	border-radius: 8px;
	/* Surface relative to the SECTION, not a fixed grey: a faint wash of the
	 * current text colour (which contrasts whatever background the section has)
	 * plus a hairline border. Keeps cards visible over any section background —
	 * default, a custom colour, an image, or dark mode — instead of vanishing
	 * when the section colour happens to match the old fixed surface. */
	background: var( --fnkit-card );
	border: 1px solid var( --fnkit-card-border );
}
.fnkit-division__ages {
	font-family: var(--wp--preset--font-family--heading, inherit);
	font-size: var(--wp--preset--font-size--x-large, 1.75rem);
	margin: 0;
}

/* Chips */
.fnkit-division__chips {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.fnkit-division__chip {
	padding: 0.35rem 0.8rem;
	border: 1px solid var(--wp--preset--color--border, #d9dadb);
	border-radius: 999px;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	background: var(--wp--preset--color--bg, transparent);
}

/* Table */
.fnkit-divisions__table {
	width: 100%;
	border-collapse: collapse;
}
.fnkit-divisions__table th,
.fnkit-divisions__table td {
	text-align: left;
	padding: 0.7rem 0.9rem;
	border-bottom: 1px solid var(--wp--preset--color--border, #d9dadb);
}
.fnkit-divisions__table th {
	width: 30%;
	color: var(--fnkit-accent-text, var(--wp--preset--color--accent, #c8102e));
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: var(--wp--preset--font-size--small, 0.875rem);
}