/* AusCelebs Thanks extension - theme-agnostic styling.
   Avoids using the generic .button class so themes that re-skin buttons
   with background sprites don't mask the heart icon. */

.acnet-thanks {
	list-style: none;
	display: inline-block;
}

.acnet-thanks-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	box-sizing: border-box;
	min-height: 27px;
	padding: 2px 8px;
	border: 1px solid #b9b9b9;
	border-radius: 4px;
	background: #f5f5f5;
	color: #105289;
	text-decoration: none;
	cursor: pointer;
	line-height: 1.4;
	font-size: 13px;
	font-weight: 600;
	vertical-align: middle;
}

.acnet-thanks-btn:hover,
.acnet-thanks-btn:focus {
	background: #fff;
	border-color: #888;
	color: #BC2A4D;
	text-decoration: none;
}

.acnet-thanks-btn.acnet-thanks-active {
	color: #BC2A4D;
	font-weight: bold;
}

/* Icon swap - show filled when active, outline otherwise.
   Defaults to outline; .acnet-thanks-active flips it. */
.acnet-thanks-btn .acnet-thanks-icon-filled  { display: none; }
.acnet-thanks-btn .acnet-thanks-icon-outline { display: inline-block; }

.acnet-thanks-btn.acnet-thanks-active .acnet-thanks-icon-filled  { display: inline-block; }
.acnet-thanks-btn.acnet-thanks-active .acnet-thanks-icon-outline { display: none; }

.acnet-thanks-btn .acnet-thanks-icon {
	color: #888;
	font-size: 13px;
}

.acnet-thanks-btn.acnet-thanks-active .acnet-thanks-icon {
	color: #BC2A4D;
}

.acnet-thanks-btn .acnet-thanks-count {
	display: inline-block;
	min-width: 1.4em;
	padding: 0 5px;
	margin-left: 3px;
	background: #105289;
	color: #fff;
	border-radius: 8px;
	font-size: 0.85em;
	line-height: 1.4;
	text-align: center;
}

.acnet-thanks-btn.acnet-thanks-active .acnet-thanks-count {
	background: #BC2A4D;
}

/* "Thanks received" indicator on a poster's own post - matches the
   .acnet-thanks-btn box but in green and non-interactive. */
.acnet-thanks-received {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	box-sizing: border-box;
	min-height: 27px;
	padding: 2px 8px;
	border: 1px solid #b9b9b9;
	border-radius: 4px;
	background: #f5f5f5;
	color: #2E7D32;
	font-weight: 600;
	line-height: 1.4;
	font-size: 13px;
	vertical-align: middle;
	cursor: default;
}

.acnet-thanks-received .acnet-thanks-icon {
	color: #2E7D32;
	font-size: 13px;
}

.acnet-thanks-received .acnet-thanks-count {
	display: inline-block;
	min-width: 1.4em;
	padding: 0 5px;
	margin-left: 3px;
	background: #2E7D32;
	color: #fff;
	border-radius: 8px;
	font-size: 0.85em;
	line-height: 1.4;
	text-align: center;
	font-weight: bold;
}

/* Read-only thanks indicator shown to viewers who cannot click (anonymous,
   or other contexts). Same shape as .acnet-thanks-received but RED, matching
   legacy .thanks_indicator. Green is reserved for "received on your own post". */
.acnet-thanks-readonly {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	box-sizing: border-box;
	min-height: 27px;
	padding: 2px 8px;
	border: 1px solid #b9b9b9;
	border-radius: 4px;
	background: #f5f5f5;
	color: #BC2A4D;
	font-weight: 600;
	line-height: 1.4;
	font-size: 13px;
	vertical-align: middle;
	cursor: default;
}

.acnet-thanks-readonly .acnet-thanks-icon {
	color: #BC2A4D;
	font-size: 13px;
}

.acnet-thanks-readonly .acnet-thanks-count {
	display: inline-block;
	min-width: 1.4em;
	padding: 0 5px;
	margin-left: 3px;
	background: #BC2A4D;
	color: #fff;
	border-radius: 8px;
	font-size: 0.85em;
	line-height: 1.4;
	text-align: center;
	font-weight: bold;
}

.acnet-thanks-search-indicator,
.acnet-thanks-mcp-indicator {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-left: 6px;
	color: #BC2A4D;
	font-size: 0.9em;
}

.acnet-thanks-search-indicator .acnet-thanks-count,
.acnet-thanks-mcp-indicator .acnet-thanks-count {
	font-weight: bold;
}

.acnet-karma .acnet-karma-value {
	font-weight: bold;
}

.acnet-karma .acnet-karma-thanks {
	color: #666;
	font-size: 0.9em;
	margin-left: 3px;
}

.acnet-karma.acnet-karma-none .acnet-karma-value {
	color: #999;
	font-weight: normal;
	font-style: italic;
}

.acnet-karma-updated .acnet-karma-value {
	text-decoration: underline;
}

.acnet-thanks-pulse {
	animation: acnet-thanks-pulse 0.4s ease;
}

@keyframes acnet-thanks-pulse {
	0%   { transform: scale(1); }
	50%  { transform: scale(1.25); }
	100% { transform: scale(1); }
}