/* Bootstrap 5 overrides for the live public pages — loaded between Bootstrap and live.css */

/* Bootstrap sets its own font-family on body — let live.css themes control this */
body {
	font-family: inherit;
}

/* Bootstrap adds bottom margins to headings and paragraphs */
h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 0;
}

/* Bootstrap adds margin-bottom to tables */
table {
	margin-bottom: 0;
}

/* Bootstrap adds margin-bottom to form elements and labels */
label {
	margin-bottom: 0;
}

/* Bootstrap styles buttons with its own padding/sizing — reset for live custom buttons */
button, [type=submit], [type=button], [type=reset] {
	width: auto;
	display: inline-block;
}

/* Bootstrap sets min-height on select/input — let live.css control sizing */
.form-control, .form-select,
input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
select:not([multiple]):not([size]),
textarea {
	height: auto;
	min-height: auto;
}

/* Bootstrap overrides heading colors — let them inherit from parent */
h1, h2, h3, h4, h5, h6 {
	color: inherit;
}

/* Bootstrap's reboot sets border styles on td/th — clear them so live.css controls borders */
table, th, td {
	border-color: inherit;
	border-style: none;
	border-width: 0;
}