/*
Theme Name: Stureoptikern
Author: Sumway AB
Author URI: https://sumway.se
Version: VERSION
Text Domain: sture
*/

:root {
	--sture-header-size: 5rem;
}

html {
	--sture-scroll-padding: calc(var(--sture-header-size, 0) + 0.5em);
	scroll-padding-top: var(--sture-scroll-padding);
}

body {
	--sture-icon-bg: var(--wp--preset--color--white);
	--sture-icon-color: var(--wp--preset--color--black);
	--sture-icon-accent: var(--wp--preset--color--black);
}

@media (max-width: 599px) {
	:root {
		--sture-header-size: 5.471875rem;
	}
}

:where(input[type="text"]),
:where(input[type="search"]),
:where(input[type="tel"]),
:where(input[type="email"]),
:where(input[type="number"]) {
	border-radius: 0;
}

/* Remove block spacing of root blocks */
:where(.wp-site-blocks) > *,
:where(.wp-site-blocks) > .wp-block-post-content-is-layout-flow > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

:where(header.wp-block-template-part) {
	position: sticky;
	top: calc(0rem + var(--wp-admin--admin-bar--height, 0rem));
	z-index: 99;
}

.current-menu-item.wp-block-navigation-link {
	color:var(--wp--preset--color--coral);
}

.wp-block-navigation-link:before {
    position: absolute;
    bottom: 0;
    --bg-opacity: 1;
    background-color: rgba(235, 70, 93, var(--bg-opacity));
    transition-property: all;
    transition-duration: .1s;
    transition-timing-function: linear;
    height: 1px;
    width: 0;
    content: "";
}

.wp-block-navigation-link:hover::before{
	width:100%;	
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	padding: 8px;
}

.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
width: 32px;
height: 32px;
}

.wp-block-navigation__responsive-container-close {
	margin-top: var(--wp--preset--spacing--40);
	margin-right: var(--wp--preset--spacing--40);
}

.wp-block-navigation-link.sture-booking a {
    position: relative;
    overflow: hidden;
    display: block;
    --border-opacity: 1;
    border: 1px solid #eb465d;
    border-color: rgba(235, 70, 93, var(--border-opacity));
    padding: .25rem .75rem !important;
    background-color: transparent;
    transition-property: all;
    transition-duration: .1s;
    transition-timing-function: linear;
}

.wp-block-navigation-link.sture-booking a:active,
.wp-block-navigation-link.sture-booking a:hover {
	background-color:var(--wp--preset--color--coral);
}

@media (max-width: 599px) {
	.wp-block-navigation__responsive-container-content {
		padding-top:calc(82px + var(--wp--preset--spacing--50))!important;
	}
	.wp-block-site-logo {
		z-index: 999999;
		position: relative;
	}
	.wp-block-site-logo a {
		display: flex;
    	gap: 24px;
	}
	.wp-block-site-logo a::before {
		content: "";
		width: 48px;
		display: block;
	}
	.wp-block-site-logo img {
		width: 80%;
		max-width: 280px;
	}
}