/*
 * Brodnik CSS bundle: article-interactions.css
 * Article-detail actions and bookmark UI.
 * Extracted from legacy styles.css/custom.css after usage audit.
 */

.article-actions{margin: 42px 0 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;}

.article-bookmark{min-height: 44px;
	padding: 0 22px;
	border: 1px solid rgba(92, 76, 54, 0.24);
	border-radius: 999px;
	background: rgba(255, 252, 244, 0.78);
	color: #243324;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	transition:
			background-color 0.2s ease,
			border-color 0.2s ease,
			color 0.2s ease,
			transform 0.2s ease;}

.article-bookmark:hover{transform: translateY(-1px);
	border-color: rgba(31, 90, 50, 0.42);
	background: rgba(31, 90, 50, 0.08);}

.article-bookmark.is-active{border-color: #1f5a32;
	background: #1f5a32;
	color: #fff;}

.article-bookmark:disabled{opacity: 0.65;
	cursor: wait;
	transform: none;}

.article-bookmark-message{font-size: 14px;
	line-height: 1.4;
	color: rgba(36, 32, 26, 0.68);}

.article-bookmark-message.is-success{color: #1f5a32;}

.article-bookmark-message.is-error{color: #a4472f;}

@media (max-width: 768px){
.article-actions{margin-top: 34px;}
}