/**
 * Create Team Button — styles.
 *
 * Covers both the frontend rendered button and the editor block preview.
 * Shares the .ambh-cfb-btn button styles with the Create Fundraiser Button block.
 *
 * @package AmbassadorHub\Fundraisers\Blocks\CreateTeamButton
 */

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

.ambh-create-team-button {
	display: block;
}

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

/* Layout — low specificity, layout only. */
.ambh-ctb-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-team-button .ambh-ctb-btn) {
	background-color: var(--ambh-color-primary, #2271b1);
	color: #ffffff;
}

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

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

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