/**
 * Action buttons under the pulsar template
 *
 * A state-changing action (join, delete, vote, follow, restore, ...) is now a
 * <button form="hz-post-action" formaction="..."> where it used to be a link,
 * so the action is a POST carrying the page's CSRF token. core/assets/css/
 * actions.css gives a plain one the look of the text around it; what it leaves
 * to the template is here:
 *
 *  - pulsar draws a button as an outlined link (a.btn is transparent with the
 *    link colour, and .btn itself sets no background), so a <button class="btn">
 *    fell through to the browser's own grey chrome. It is drawn as the link it
 *    replaced. The rule carries no more weight than .btn, so a component style
 *    still wins as it would for a link.
 *
 *  - less/main.css was compiled from core's LESS in 2023, so it predates the
 *    button selectors added to core/assets/less/comments.less and voting.less.
 *    Those are repeated here; delete them if main.css is ever recompiled.
 *
 * @package    hubzero-cms (pulsar template)
 * @license    http://opensource.org/licenses/MIT MIT
 */

/* A .btn action button looks like the a.btn it replaced: no browser chrome,
   transparent, the link colour (the 1px border of .btn follows currentColor) */
button:where([form="hz-post-action"]).btn {
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	color: #083D94;
	font-family: inherit;
}

/* Comment options -- core/assets/less/comments.less styles "a, button"; the
   compiled main.css here only knows about a */
ol.comments .comment-options button {
	margin-right: 1em;
	color: #ccc;
	border: none;
}
ol.comments .comment-options button:before {
	margin-right: 0.4em;
}
ol.comments .comment-options:hover button {
	color: #999;
}
ol.comments .comment-options button:hover {
	color: #333;
}
ol.comments .comment-options button.delete:hover {
	color: #c00;
}
ol.comments .comment-options button.delete {
	float: right;
}
ol.comments .comment-options button span {
	display: none;
}

/* Voting -- the .vote-button rules in main.css already reach a <button>; only
   the typeface, which a button does not inherit, is missing */
.voting button.vote-button {
	font-family: inherit;
}

/* Dropdown menus -- core/assets/less/buttons.less gained "> li > button" */
.dropdown-menu > li > button {
	display: block;
	width: 100%;
	padding: 0.2em 1em;
	clear: both;
	font-weight: normal;
	line-height: 1.5em;
	text-align: left;
	border: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}