/**
 * Create Fundraiser Button — styles.
 *
 * Covers both the frontend rendered button and the editor block preview.
 *
 * @package AmbassadorHub\Fundraisers\Blocks\CreateFundraiserButton
 */

/* ── Outer wrapper ──────────────────────────────────────────────────── */

.ambh-create-fundraiser-button {
	display: block;
	margin: 0 1rem;

}

/* ── Button ─────────────────────────────────────────────────────────── */

/* Layout — low specificity, layout only. */
.ambh-cfb-btn {
	display: block;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	padding: 0.75rem 1.5rem;
	border: none;
	border-radius: 4px;
	font-size: var(--ambh-font-base, 1rem);
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

/*
 * Color — wrapper + button class = specificity (0,2,0).
 * Beats theme button rules like `:root :where(.wp-block-button__link)` (0,0,1)
 * and `.wp-block-button__link` (0,1,0) regardless of source order.
 */
.ambh-create-fundraiser-button .ambh-cfb-btn {
	background-color: var(--ambh-color-primary, #2271b1);
	color: #ffffff;
}

.ambh-create-fundraiser-button .ambh-cfb-btn:hover,
.ambh-create-fundraiser-button .ambh-cfb-btn:focus {
	background-color: var(--ambh-color-primary-hover, #1a5a8a);
	color: #ffffff;
	text-decoration: none;
}

/* ── Editor canvas preview ──────────────────────────────────────────── */

.ambh-cfb-btn--preview {
	pointer-events: none;
	cursor: default;
}