/**
 * Mark as Sold Extension Styles
 * Matches Shooters Hill Forum theme (#4a5a4e green accent)
 */

/* Sold topic styling in topic lists */
.topiclist li.row.topic-sold {
	opacity: 0.65;
	position: relative;
}

/* Sold prefix badge styling - hide the [SOLD] text and replace with styled badge */
.topic-sold .topictitle {
	position: relative;
}

.topic-sold .topictitle:before {
	content: "SOLD";
	display: inline-block;
	background: #4a5a4e;
	color: #FAFAFA;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-right: 8px;
	vertical-align: middle;
}

/* Strike-through effect for sold topics */
.topic-sold .topictitle {
	text-decoration: line-through;
	text-decoration-color: rgba(74, 90, 78, 0.4);
	text-decoration-thickness: 1px;
}

/* Checkbox wrapper styling in post editor */
.mark-as-sold-wrapper {
	margin-bottom: 10px;
	padding: 8px 0;
}

.mark-as-sold-wrapper label {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	font-weight: 600;
	color: #4a5a4e;
}

.mark-as-sold-wrapper label span:last-child {
	font-weight: normal;
	color: #5A5A5A;
}

/* Match Ravaio theme checkbox styling */
.mark-as-sold-wrapper .check {
	/* Uses Ravaio's built-in checkbox styles */
}

/* Hover effects */
.topic-sold:hover {
	opacity: 0.85;
	transition: opacity 0.2s ease;
}

/* Mobile responsive adjustments */
@media (max-width: 700px) {
	.topic-sold .topictitle:before {
		font-size: 9px;
		padding: 2px 6px;
	}
}

/* SOLD badge on viewtopic page */
.topic-sold-badge {
	display: inline-block;
	background: #4a5a4e;
	color: #FAFAFA;
	padding: 4px 12px;
	border-radius: 2px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-right: 10px;
	vertical-align: middle;
}

.topic-sold-badge i {
	margin-right: 5px;
}