/*
 * Bricks' base CSS vs a design written against browser defaults. Bricks resets several things
 * (html font-size 62.5%, body 15px, buttons inheriting fonts, links without underline, line
 * heights on headings ...). Append this to the child theme's style.css, or enqueue it as its
 * own file (functions-snippets.php does), and delete the rules the site does not need.
 *
 * It is declared in a layer after Bricks' own layers, so it overrides them, and like every
 * layer it still loses to UNLAYERED site CSS wherever that sets a value. Net effect: browser
 * defaults wherever the design sets none. If the design is built fresh in Bricks (not
 * carried over from an existing site), most of this is unnecessary.
 */
@layer tb-browser-defaults {
	/* Not Bricks' own skip links: a layer outranks Bricks' .skip-link rule regardless of specificity. */
	html, body, a:not(.skip-link), p, h1, h2, h3, h4, h5, h6, blockquote, cite, hr, label, figure,
	button, input, optgroup, select, textarea {
		all: revert;
	}
	table { width: revert; }

	/*
	 * WARNING: never use `all: revert` on img or svg. It also overrides the element's own
	 * presentation attributes (an icon's fill="none" turned solid black). Revert only the
	 * properties Bricks sets.
	 */
	img { height: revert; max-width: revert; outline: revert; vertical-align: revert; border-style: revert; }
	svg { min-width: revert; min-height: revert; }

	/* Top-level nav menu items: Bricks adds margins the design usually does not have. */
	.bricks-nav-menu > li { margin: 0; }

	/* SCM: Bricks caps every element at max-width 100%; the theme (Bootstrap 3) has no cap, and its rows
	   overhang their container by -15px on purpose. The converter writes the source's own max-widths. */
	[class*=brxe-] { max-width: none; }
}

/* Unlayered: Bricks sets this outside its layers. 1rem = 16px, as most live CSS expects. */
html { font-size: 100%; }

/* SCM: the kit's width cap on [class*=brxe-] and the sticky-nav wrapper rule are left out (the cap is
   reverted in the layer above; the nav isn't sticky). */
