/*
Theme Name: Allegrocafe
Theme URI: https://allegro.hu/
Author: Allegro Café Veszprém
Description: Custom block theme for Allegro Café Veszprém.
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 8.3
Version: 0.1.0
Text Domain: allegro-veszprem
*/

/*************************
 ******** GENERAL ********
 ************************/

:root {
	--link-easing: linear(
		0,
		0.394 8.1%,
		0.698 16.6%,
		0.917 25.6%,
		0.998 30.4%,
		1.058 35.4%,
		1.094 39.7%,
		1.118 44.2%,
		1.13 49%,
		1.131 54.1%,
		1.109 63.4%,
		1.019 86.8%,
		1
	);
}

@media (prefers-reduced-motion: no-preference) {
	@view-transition {
		navigation: auto;
	}
	html {
		interpolate-size: allow-keywords;
		&:focus-within {
			scroll-behavior: smooth;
		}
	}
}

/* Global focus and active - outline */
*:focus,
*:active {
	outline: 0;
}
*:focus-visible {
	outline: 0.1rem solid #000;
}

/* prevent image user select */
img {
	user-select: none;
}

.visually-hidden:not(:focus):not(:active) {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/*************************
 ******** LAYOUT *********
 ************************/

.wp-block-group.is-style-section {
	padding-block: clamp(5rem, calc(5rem + ((1vw - 0.48rem) * 28.125)), 9.5rem);
}

.max39 {
	margin-inline: auto;
	max-width: 38.75rem;
}

/*************************
 ******** HEADER *********
 ************************/

.wp-block-group.header-social {
	gap: 1.25rem;

	a {
		padding-block: 1rem;
		text-decoration: none;
	}
}
.header-main-row {
	min-height: clamp(3rem, calc(3rem + ((1vw - 0.48rem) * 12.5)), 5rem);

	.wp-block-site-logo img {
		max-width: clamp(4.5rem, calc(4.5rem + ((1vw - 0.48rem) * 20.3125)), 7.75rem);
	}
}
.header-main-row .wp-block-navigation-item__content {
	padding: 0.5rem;
}