/*!
Theme Name: Punkt
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.7
Tested up to: 6.8
Requires PHP: 8.2
Version: 1.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: punkt

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;

}

body {
	overflow-x: hidden;
}

@media (max-width: 900px) {

	html,
	body {
		overflow-x: hidden;
	}

	/* Prevent horizontal overflow when mobile menu is open. */
	body:has(.wp-block-navigation__responsive-container.is-menu-open) {
		overflow-x: hidden !important;
		overflow-y: hidden !important;
		position: fixed !important;
		width: 100vw !important;
		max-width: 100vw !important;
		left: 0 !important;
		right: 0 !important;
	}

	html:has(.wp-block-navigation__responsive-container.is-menu-open) {
		overflow-x: hidden !important;
		overflow-y: hidden !important;
		width: 100vw !important;
		max-width: 100vw !important;
	}
}

a {
	text-underline-offset: 3px;
	text-decoration-thickness: 0.8px;
	transition: all 250ms ease-in-out;

	&:hover,
	&:focus {
		color: #625FF8;
	}
}

*,
*::before,
*::after {
	box-sizing: inherit;
	min-width: 0;
	font-synthesis: none !important;
}

strong {
	font-weight: 600;
}

/* FSE Fix for images. */
figure img {
	width: 100%;
	object-fit: contain;
}

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