/*********
 * change nav block mobile menu breakpoint only in header
 ***********/
@media (max-width: 909px) {
	header.wp-block-template-part .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
	header.wp-block-template-part .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: block;
	}
}
@media (min-width: 910px) {
	header.wp-block-template-part .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		background-color: inherit;
		display: block;
		position: relative;
		width: 100%;
		z-index: auto;
	}
	header.wp-block-template-part .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}
}


/*********
 * nicer focus styling
 ***********/
:where(.wp-site-blocks :focus) {
	outline-width: 2px;
	outline-style: solid;
	outline-offset: 2px;
}

/*********
 * customize position of leaf logo background image when used in cover block
 ***********/
.wp-block-cover__image-background[src*="impact-evolution-logo-background.png"] {
	object-fit: contain;
	object-position: top center;
	content: url("../images/logo-shape-transparent.svg");
}

.wp-block-cover:has(.wp-block-cover__image-background[src*="impact-evolution-logo-background.png"]) {
	padding: var(--wp--preset--spacing--70);
}

@media (min-width: 600px) {
	.wp-block-cover:is(.alignfull,.alignwide) .wp-block-cover__image-background[src*="impact-evolution-logo-background.png"] {
		object-position: center left;
	}
}

/*********
 * Single post background
 ***********/
.post-template-default.single-post main > .wp-block-group .wp-block-post-featured-image {
	position: relative;
}
.post-template-default.single-post main > .wp-block-group .wp-block-post-featured-image::before {
	display: block;
	content: '';
	position: absolute;
	z-index: -1;
	top: 25px;
	left: 50%;
	width: 100vw;
	height: 800px;
	transform: translateX(-50%);
	background: url("../images/logo-shape-transparent.svg") top center / 800px auto no-repeat;
}
@media (min-width: 1000px) {
	.post-template-default.single-post main > .wp-block-group .wp-block-post-featured-image::before {
		background-size: 80vw auto;
		aspect-ratio: 1/1;
		height: auto;
	}
}

/*********
 * Sticky position top offset
 ***********/
.is-position-sticky {
	inset-block-start: calc( var(--wp--preset--spacing--20) + var(--wp-admin--admin-bar--position-offset, 0px)) !important;
}

/*********
 * Minor splide carousel improvements
 ***********/
.wp-block-splide-carousel .splide__arrow {
	background: var(--wp--preset--gradient--custom-ie-logo);
	opacity: 1;

	&:not([disabled]):hover {
	transform: translateY(-50%) scale(1.075);
	}

	&[disabled] {
	cursor: not-allowed;
	}

	svg {
	fill: var(--wp--preset--color--base);
	}
}