/**
 * This file contains styles for the editor and frontend
 *
 * @package garan-blank
 *
 */

/*
* Core blocks customization.
*/
/* block: "core/navigation" */
@media (max-width: 767.5px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: block;
	}

	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
		display: none;
	}

	.has-modal-open .is-menu-open .wp-block-navigation__responsive-dialog {
		padding: var(--wp--preset--spacing--medium);
	}

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

	.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog,
	.has-modal-open .is-menu-open .wp-block-navigation__responsive-dialog {
		padding-top: var(--wp--preset--spacing--30);
	}

	.wp-block-page-list {
		font-size: var(--wp--preset--font-size--medium);
	}
}

/* add */
body {
	--wp--preset--font-size--small: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.227), 1rem);
	--wp--preset--font-size--medium: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.227), 1.125rem);
	--wp--preset--font-size--large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.227), 1.875rem);
	--wp--preset--font-size--x-large: clamp(1.85rem, 1.85rem + ((1vw - 0.2rem) * 1.083), 2.5rem);
	--wp--preset--font-size--xx-large: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 1.283), 3.27rem);

	font-size: var(--wp--preset--font-size--medium);
}

h2 {
	font-size: var(--wp--preset--font-size--x-large);
}