/* Small fixes so Bricks wrappers behave like the original markup */

/* Undo Bricks base typography (62.5% root size, 15px body) – the design is built on a 16px rem */
html {
	font-size: 100%;
}

body {
	font-size: 1rem;
	line-height: inherit;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
	transition: none;
}

/*
 * Bricks gives some bare HTML elements default styles that Tailwind's preflight doesn't reset.
 * Reverting them inside Tailwind's "base" layer keeps every utility class (e.g. .flex) in charge.
 */
@layer base {
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		line-height: inherit;
	}

	label {
		color: revert;
		display: revert;
		font-weight: revert;
		margin-bottom: revert;
	}

	legend {
		display: revert;
	}

	select {
		appearance: revert;
		background-image: revert;
		background-position: revert;
		background-repeat: revert;
		background-size: revert;
	}

	textarea {
		min-height: revert;
	}

	button {
		cursor: revert;
	}
}

/* Header/footer template wrappers: let the original <header>/<footer> sit directly in the page flow (keeps sticky header working) */
#brx-header,
#brx-footer {
	display: contents;
}

/* Mobile menu: lock page scroll while open */
html.ac-menu-open {
	overflow: hidden;
}