/* Flikar (Tabs) */
.flikar {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* Individual tab wrapper */
.flik {
	display: contents;
}

/* Tab buttons - inline next to each other */
.flik__button {
	order: -1;
}

/* Tab icon */
.flik__ikon {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

/* Tab title */
.flik__titel {
	font-weight: 500;
}

/* Tab content - hidden by default, full width */
.flik__content {
	display: none;
	padding: 20px 0;
	width: 100%;
}

/* Show content when tab is active */
.flik--active .flik__content {
	display: block;
}

.flik__button.btn--ghost:is(:hover, :focus-visible) {
	background: var(--base-ultra-dark) !important;
	color: white !important;
}

.flik__button img {
	filter: var(--filter-base-ultra-dark);
}
.flik__button.btn--ghost:is(:hover, :focus-visible) img {
	filter: var(--filter-plus) var(--filter-white);
}

.acf-block-preview .flik__content {
	display: block;
}

.flik__content ol {
	list-style: decimal;
	padding: 1rem;
}
.flik__content ol li {
	margin-bottom: 1em;
}