/*
Theme Name: Potevilt
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: Christian Halvorsen
Author URI: https://halvorsen.tech
Description: A theme for potevilt.no
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.4
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: potevilt
Tags:
*/

:root {
	--animation-delay-quick: 200ms;
	--animation-delay-normal: 300ms;
	--animation-delay-slow: 400ms;
}

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

@viewport {
	width: device-width;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-overflow-style: scrollbar;
	scroll-behavior: smooth;
	box-sizing: border-box;
}

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

a {
	cursor: pointer;
	text-underline-offset: 40%;
}

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

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

.front-page-headline {
	text-shadow: 0 0 10px hsl( 0, 0%, 0%, 0.5 );
}

.wc-block-components-button {
	color: #fff;
	border-radius: 10px;

	&:hover {
		background-color: #fdfdfd;
		color: #222;
	}
}

.wp-block-navigation__responsive-container {
	background-color: #222 !important;
	color: #fafafa !important;
}