/* Minimal hero for service pages (template-tjanster-minimal.php) */

.page-hero--minimal {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	background-image: url("../../media/icons/tjanster-hero-bg.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
}

.page-hero--minimal__title {
	color: white;
	margin: 0;
}

.page-hero--minimal__breadcrumbs.samuraj-section {
	padding-top: var(--space-xs) !important;
	padding-bottom: var(--space-xs) !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.page-hero--minimal__breadcrumbs .breadcrumb {
	font-size: var(--text-s);
	flex-wrap: wrap;
	gap: 0.7rem;
}

.page-hero--minimal__breadcrumbs .breadcrumb a {
	text-decoration: none;
}

.page-hero--minimal__breadcrumbs .breadcrumb a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 1025px) {
	.page-hero--minimal {
		padding-top: calc(var(--section-padding-block) * 2) !important;
		padding-bottom: calc(var(--section-padding-block) * 1.2) !important;
	}
}

.page-hero > div {
	margin-top: 0 !important;
	padding-top: 26rem;
	position: relative;
}

@media screen and (max-width: 1025px) {
	.page-hero--minimal .page-hero > div,
	.page-hero.page-hero--minimal > div {
		padding-top: 14rem;
	}
}

@media screen and (max-width: 767px) {
	.page-hero.page-hero--minimal > div {
		padding-top: 9rem;
	}

	.page-hero--minimal {
		background-size: auto 110%;
		background-position: 30%;
	}
}

p.post-excerpt {
	margin-bottom: 2rem;
}
p.post-excerpt:has(+ .wp-block-heading) {
	margin-bottom: 0;
}

.tjanster-minimal__related {
	background: var(--primary-light);
	padding: 3.2rem;
}

.tjanster-minimal__related-heading {
	margin: 0 0 2rem;
}

.tjanster-minimal__related-list {
	margin: 0;
	padding: 0;
}
.tjanster-minimal__related-list .h--6,
.tjanster-minimal__related-list .h--6 a{
	font-size: var(--h6) !important;
	text-transform: uppercase !important;
}

main {
	padding-bottom: var(--space-m);
}

.dynamic-entry-content.dynamic-entry-content > * {
	grid-column: span 7;
}
.dynamic-entry-content.dynamic-entry-content > p.post-excerpt {
	grid-column: span 8;
	font-size:var(--text-xl);
}

.tjanster-minimal__body {
	padding-bottom: var(--space-xl);
}