/* Gutenberg components */
p.is-style-large {
	font-size: var(--text-l);
	line-height: var(--text-l-line-height);
}
p.is-style-extra-large {
	font-size: var(--text-xl);
	line-height: var(--text-xl-line-height);
}
p.is-style-talstreck {
	position: relative;
	padding-left: 30px;
}
p.is-style-talstreck::before {
	content: "—";
	position: absolute;
	left: 0;
	top: 15px;
	line-height: 0;
}
.wp-block-heading.is-style-h1 {
	font-size: var(--h1);
	line-height: var(--heading-line-height);
}
@media screen and (max-width: 1025px) {
	.samuraj-inner-section > h2.is-style-h1 {
		font-size: var(--h2);
	}
}
.wp-block-heading.is-style-h2 {
	font-size: var(--h2);
	line-height: var(--heading-line-height);
}
.wp-block-heading.is-style-h3 {
	font-size: var(--h3);
	line-height: var(--heading-line-height);
}
.wp-block-heading.is-style-h4 {
	font-size: var(--h4);
	line-height: var(--heading-line-height);
}

.overlay {
	position: relative;
}
.overlay::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--primary-dark);
	opacity: 0.2;
	z-index: 0;
	pointer-events: none;
}

.pill {
	color: var(--primary-dark);
	background: transparent;
	border: 1px solid var(--primary-dark);
	border-radius: 50vmax;
	padding: 2px 12px;
	font-size: var(--h6);
	text-decoration: none !important;
	outline: none !important;
}
.pill.category-filter-link {
	padding: 6px 24px;
}

@media screen and (min-width: 1026px) {
	a.pill-hover.pill-hover:is(:hover, :focus-visible) {
		background: var(--primary-dark);
		color: white;
	}
}

.pill.active {
	background: var(--primary-dark);
	color: white;
}

.pill--s {
	font-size: var(--text-s) !important;
}

.pill--accent {
	background: var(--accent-light);
	color: var(--primary-ultra-dark);
	border-color: var(--accent-light) !important;
}
a.pill--accent.pill--accent:is(:hover, :focus-visible) {
	background: var(--primary-ultra-dark);
	border-color: var(--primary-ultra-dark) !important;
	color: white;
}