/*
Theme Name: Mei
Theme URI: https://gnistdesign.no
Author: Gnist Design
Author URI: https://gnistdesign.no
Description: A boilerplate FSE theme for 2024.
Tags: full-site-editing, block-patterns, accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style one-column, template-editing, translation-ready, wide-blocks
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.2
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: mei

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Global Normalizer */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

html {
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
	scroll-behavior: smooth;
}

*,
*::before,
*::after {
	box-sizing: inherit;
	min-width: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-wrap: balance;
}

.site-footer {
	margin-block-start: 0;
}

a {
	transition: all ease 0.3s;
	text-underline-offset: 2px;

	&:hover {
		text-decoration: none;
	}
}

p {
	text-wrap: pretty;
}

.wp-block-navigation-link {

	&.current-menu-item,
	&:hover {
		text-decoration: underline;
		text-underline-offset: 5px;
	}
}

@media screen and (max-width: 600px) {
	:root {
		--wp--preset--spacing--20: 8px;
		--wp--preset--spacing--30: 16px;
		--wp--preset--spacing--40: 32px;
		--wp--preset--spacing--50: 48px;
		--wp--preset--spacing--60: 48px;
		--wp--preset--spacing--70: 48px;
	}

	.site-header {
		.wp-block-site-logo {
			margin-bottom: -40px !important;
			max-width: 90px;
		}

		>div>div {
			min-height: 80px;
		}

		.wp-block-navigation__responsive-container-open svg {
			width: 40px;
			height: 40px;
		}

		.wp-block-navigation__responsive-container-close {
			top: 20px;
			right: 15px;

			svg {
				width: 40px !important;
				height: 40px !important;
			}
		}

		.wp-block-navigation__responsive-container-content {
			padding: 80px 40px !important;

			.wp-block-navigation-item__label {
				font-size: 28px !important;
			}
		}
	}
}