/* aSS Bucks — Gift button UI */

.asswa-gift {
	margin-top: 12px;
}

/* Toggle button */
.asswa-gift__toggle {
	background: transparent;
	border: 2px solid currentColor;
	border-radius: 4px;
	cursor: pointer;
	font-size: 0.9rem;
	padding: 8px 16px;
	opacity: 0.75;
	transition: opacity 0.15s;
}
.asswa-gift__toggle:hover,
.asswa-gift__toggle[aria-expanded="true"] {
	opacity: 1;
}

/* Panel */
.asswa-gift__panel {
	background: rgba(0, 0, 0, 0.04);
	border-radius: 6px;
	margin-top: 8px;
	padding: 14px;
}

/* Amount row */
.asswa-gift__amounts {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
}

.asswa-gift__amount-btn {
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	font-size: 0.85rem;
	padding: 5px 12px;
	transition: border-color 0.15s;
}
.asswa-gift__amount-btn:hover {
	border-color: #888;
}
.asswa-gift__amount-btn.is-active {
	border-color: #000;
	font-weight: 600;
}

/* Custom input */
.asswa-gift__custom-label {
	align-items: center;
	display: flex;
	gap: 6px;
	font-size: 0.85rem;
}
.asswa-gift__custom-input {
	border: 2px solid #ccc;
	border-radius: 4px;
	padding: 4px 8px;
	width: 80px;
}
.asswa-gift__custom-input:focus {
	border-color: #000;
	outline: none;
}

/* Send button */
.asswa-gift__send-btn {
	background: #000;
	border: none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-size: 0.9rem;
	padding: 9px 20px;
	transition: opacity 0.15s;
}
.asswa-gift__send-btn:disabled {
	cursor: not-allowed;
	opacity: 0.35;
}
.asswa-gift__send-btn:not(:disabled):hover {
	opacity: 0.8;
}

/* Note */
.asswa-gift__note {
	color: #777;
	font-size: 0.78rem;
	margin: 8px 0 0;
}

/* Status */
.asswa-gift__status {
	font-size: 0.85rem;
	margin-top: 8px;
	min-height: 1.2em;
}
.asswa-gift__status.is-success { color: #1a7a1a; }
.asswa-gift__status.is-error   { color: #b32d2e; }
.asswa-gift__status.is-loading { color: #555;    }