/*
 * React aplikácia (blok manacon/app) v téme ManaCon.
 *
 * Aplikácia používa tlačidlá Bootstrapu (.btn .btn-outline-secondary …) a téma má vlastnú triedu .btn
 * (priehľadný rám, iná výška a písmo). CSS témy sa načíta po CSS aplikácie, takže by vyhralo — tlačidlá
 * v aplikácii by boli bez rámu (pozadie len pri prejdení myšou). Tu sa vo vnútri aplikácie vráti základ .btn
 * z Bootstrapu. :where() drží špecificitu ako .btn, aby stavy Bootstrapu (:hover, :disabled …) platili ďalej.
 * Načíta sa po CSS témy (includes/app/assets.php).
 */
:where(.wp-block-manacon-app) .btn {
	display: inline-block;
	gap: normal;
	min-height: 0;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	color: var(--bs-btn-color);
	text-align: center;
	vertical-align: middle;
	background-color: var(--bs-btn-bg);
	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--bs-btn-border-radius);
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}