body.logged-in header.wp-block-template-part:has(.is-position-sticky) {
	.header-block {
		top: 46px;
		@media(min-width: 782px) {
			top: 32px;
		}
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		top: 136px;
		@media(min-width: 782px) {
			top: 122px;
		}
	}
}

header.wp-block-template-part {
	&:has(.is-position-sticky) {
		.header-block {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 1000;
		}

		.header-spacer {
			padding: 0;
		}
	}
	
	.wp-block-site-logo {
		flex-basis: auto;
		transition: all .3s;
		img {
			height: 56px;
			width: auto;
		}

		@media (min-width: 1200px) {
			padding-left: 0;
		}
	}

	.wp-block-social-links {
		gap: 0;
		li.wp-social-link {
			border-radius: 0;
/*			border-right: 1px solid white;*/
			padding-left: calc(var(--bl)*.75);
/*			margin-right: calc(var(--bl)*.75);*/
		}

		.wp-social-link svg {
			padding: 3px;
			width: 2rem;
			height: 2rem;
		}
	}

	.header-contact-buttons .wp-block-contact__detail {
		padding-top: 4px;
		font-size: 14px;

		svg {
			margin-top: 0;
		}

		a:hover {
			color: var(--wp--preset--color--accent-2);
			svg path {
				fill: var(--wp--preset--color--accent-2);
			}
		}

		@media(max-width: 1299px) {
			.wp-block-contact__info {
				display: none;
			}

			&.wp-block-contact__opening_hours {
				display: none;
			}
		}
	}

	/* Menu */

	@media(max-width: 767px) {
		.desktop-menu {
			display: none;
		}
	}

	nav ul {
		flex-wrap: nowrap;
	}

	.wp-block-navigation-item {
		flex-grow: 1;
		justify-content: center;

		a {
			text-align: center;
			background-color: transparent;
			text-decoration: none;
			transition: all .3s;
			&:hover {
				outline: none;
				color: var(--wp--preset--color--accent);
			}
		}

		&.button a {
/*			border-radius: 100px;*/
			padding: 16px 20px;
			color: var(--wp--preset--color--body);
			background-color: var(--wp--preset--color--accent);
		    .wp-block-navigation-item__label::after {
/*		        content: '';*/
    			mask-image: url(../../../assets/icons/arrow-right.svg);
		        display: inline-block;
		        width: 9px;
		        height: 14px;
		        background-position: center;
		        background-size: contain;
		        background-repeat: no-repeat;
		        margin-left: calc(var(--bl)* .75);
		        mask-size: contain;
		        mask-repeat: no-repeat;
		        transition: all .3s;
				background-color: var(--wp--preset--color--body);
		    }

			&:hover {
				color: var(--colour-base);
				background-color: var(--wp--preset--color--accent-2);
				.wp-block-navigation-item__label::after {
					background-color: var(--wp--preset--color--base);
				}
			}
		}
	}

	/* Submenu */

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container {

	}

	.wp-block-navigation__submenu-container {
		li.current-menu-item,
		li.current-menu-item > a {
		}

		a {
			&:hover {
			}
		}	
	}

	/* Submenu Arrow */

	.wp-block-navigation__submenu-icon {
		width: 40px;
		height: 40px;
		padding: 10px;
		margin: 0;
		transform: rotate(180deg)!important;
		svg {
			height: 100%;
			width: 100%;
		}
	}

	/* Mobile Menu Activate */

	@media (min-width: 992px) {
	    .wp-block-navigation__responsive-container-open:not(.always-shown) {
	        display: none !important;
	    }

	    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	        display: block !important;
	        width: 100%;
	        position: relative;
	        z-index: auto;
	        background-color: inherit;
	    }

	    .wp-block-navigation-item:has(.wp-block-social-links) {
	    	display: none;
	    }
	}

	@media (min-width: 600px) {
	    .wp-block-navigation__responsive-container-open:not(.always-shown) {
	        display: flex;
	    }
	    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	        display: none;
	        justify-items: flex-end;
	    }
	}

	/* Mobile Menu */

	nav {
    	flex-shrink: 0;
    	.wp-block-contact {
    		align-self: flex-start;
    		margin-top: var(--bl);
    		gap: calc(var(--bl)*.5);
    	}
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		display: flex;
		align-items: flex-end;
		top: 109px;
		max-width: 300px;
		width: 100%;
		right: 0;
		left: unset;
		bottom: unset;
    	overflow: visible;
    	animation: overlay-menu__slide-in-animation .1s ease-out;
/*		justify-content: center;*/
/*		background-color: #fafafa!important;*/
		box-shadow: -4px 4px 8px 0px rgba(0, 0, 0, 0.05);
		padding: 0;

		@media(min-width: 782px) {
			max-width: 450px;
		}

		.wp-block-social-links {
			margin-top: var(--col-gap-large);
			.wp-social-link a:hover {
				background-color: transparent;
				color: var(--wp--preset--color--accent);
			}
		}

		.wp-block-navigation__responsive-dialog {
			margin-top: 0;

			.wp-block-navigation__responsive-container-content {
				gap: 0;
    			padding: var(--col-gap);
				max-height: calc(100svh - 122px);
				overflow: auto!important;
		    	.wp-block-navigation__container {
		    		width: 100%;
		    		align-items: stretch!important;
		    		overflow: auto;

		    		a {
		    			text-align: center;
		/*    			border-bottom: 1px solid var(--wp--preset--color--accent);*/
		    		}

		    		.has-child .wp-block-navigation__submenu-container {
		    			padding: 0!important;
		    			a {
		    				color: var(--wp--preset--color--accent-2);
		    				&:hover {
		    					color: var(--wp--preset--color--accent)!important;
		    				}
		    			}

		    			li.current-menu-item a {
		    				color: var(--wp--preset--color--body);
		    			}
		    		}
		    	}

		    	.wp-block-navigation__container {
		    		flex-shrink: 0;
		    		gap: var(--bl);
		    	}

		    	.wp-block-navigation-item {
		    		flex-grow: 0;
		    		background-color: transparent;
		/*    		align-items: center!important;*/

					a.wp-block-navigation-item__content,
					&.button a {
						font-size: 18px;
					}

		    		&.show-mobile {
		    			@media(min-width: 768px) {
		    				display: none;
		    			}
		    		}

		    		&.has-child {
		    			align-items: stretch;
		    			justify-content: stretch;
		    			flex-wrap: wrap;
		    			flex-direction: row;

		    			a {
		    				width: 100%;
		/*    				max-width: calc(100% - 40px);*/
		    				padding-right: 0!important;
		    			}

		    			button {
		    				display: none;
		    			}

		    			.wp-block-navigation-item__label {
		    				transition: all .3s;
		    			}

		    			> ul {
		    				width: 100%!important;
		    				a {
		    					justify-content: left;
		    					width: 100%;
		    					padding: calc(var(--bl)*.75) 0!important;
		    					color: var(--wp--preset--color--accent)!important;
		    					font-size: 16px;
		    					border: none;
		    					&:hover .wp-block-navigation-item__label {
		    						color: var(--wp--preset--color--accent-2)!important;
		    					}
		    				}
		    			}
		    		}

					.wp-block-navigation__submenu-icon {
						display: block;
						position: relative;
						transition: all .3s;
		    			transform: rotate(180deg) !important;
						svg path {
							stroke: var(--wp--preset--color--base);
						}

						&.inactive {
		    				transform: rotate(0deg) !important;
						}
					}
		    	}

				.wp-block-navigation__responsive-dialog {
					position: unset;
					margin: 0!important;
				}

				.wp-block-navigation-submenu {
					max-height: 1000px;
					flex-shrink: 0;
					transition: all .5s!important;
					overflow: hidden;
					/*&.inactive {
						max-height: 0;
					}*/
				}
			}
		}
	}

	.wp-block-navigation__responsive-container-content {
		.wp-block-navigation-item {
    		&.button a {
    			background-color: var(--wp--preset--color--contrast)!important;
    			color: var(--wp--preset--color--base);
/*    			border-radius: 100px;*/
    			font-size: 14px;
    			padding: calc(var(--bl)) calc(var(--bl)*1.5)!important;
    			text-transform: uppercase;
    			&:hover {
    				background-color: var(--wp--preset--color--accent-3)!important;
    				color: var(--wp--preset--color--base);
    				.wp-block-navigation-item__label::after {
    					background-color: var(--wp--preset--color--base);
    				}
    			}
    		}
    	}

    	a.wp-block-navigation-item__content {
    		line-height: 1;
    		text-align: center;
    		justify-content: center;
    		text-transform: uppercase;
    		font-size: 14px;
         padding: calc(var(--bl)* .75) 0 !important;
    		color: var(--wp--preset--color--contrast);
    		background-color: transparent!important;
    		transition: all .3s;
    		width: 100%;
    		&:hover {
    			color: var(--wp--preset--color--accent);
    		}
    	}
   }

	/* Menu Toggle */

	.wp-block-navigation__responsive-container-close, 
	.wp-block-navigation__responsive-container-open {
		background-color: var(--wp--preset--color--accent);
		transition: all .3s;
		top: -55px;
		right: 16px;
		svg {
			width: 42px;
			height: 42px;
			border-radius: 100%;
			padding: 6px;
			fill: var(--wp--preset--color--base);
			background-color: transparent;
		}

		&:hover {
			background-color: var(--wp--preset--color--accent-2);
		}
	}
}

body.scrolled {

}

@keyframes overlay-menu__slide-in-animation {
	0% {
		opacity: 0;
		transform: translateX(2rem);
	}
  	100% {
  		opacity: 1;
  		transform: translateY(0);
  	}
}