/**
 * Reset of browser defaults (margins, fieldset frames, button and form
 * control looks, box model) so they never leak into the design.
 *
 * Everything sits in the cascade layer `markiza-reset`: any unlayered rule
 * (WordPress global styles, WooCommerce, theme.json elements, our
 * components) wins over it whatever its specificity or load order, so the
 * reset only fills what nobody styles. Not loaded in the editor (the editor
 * has its own defaults).
 */

@layer markiza-reset {
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	body,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	figure,
	blockquote,
	dl,
	dd {
		margin: 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p {
		overflow-wrap: break-word;
	}

	/* Lists marked as plain lists (role="list") lose bullets and indents. */
	:is(ul, ol)[role="list"] {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	img,
	video,
	canvas {
		max-inline-size: 100%;
		block-size: auto;
	}

	input,
	button,
	textarea,
	select {
		margin: 0;
		color: inherit;
		font: inherit;
		letter-spacing: inherit;
	}

	button {
		padding: 0;
		border: 0;
		background: none;
	}

	button:not(:disabled) {
		cursor: pointer;
	}

	textarea {
		resize: vertical;
	}

	fieldset {
		min-inline-size: 0;
		margin: 0;
		padding: 0;
		border: 0;
	}

	legend {
		padding: 0;
	}

	table {
		border-collapse: collapse;
	}
}