/**
 * 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;
}

/*
 * Default colors — wrapped in :where() so specificity is (0,0,0).
 * Any WP color-palette class (.has-*-background-color, .has-*-color) at (0,1,0)
 * or an inline style will override these defaults.
 */
:where(.ambh-create-fundraiser-button .ambh-cfb-btn) {
	background-color: var(--ambh-color-primary, #2271b1);
	color: #ffffff;
}

:where(.ambh-create-fundraiser-button .ambh-cfb-btn:hover),
:where(.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;
}