/**
 * 4WP Theme — front + editor parity for preset-based patterns.
 * Relies on theme.json CSS variables; fallbacks match default palette.
 */

.has-text-align-center {
	text-align: center;
}

.wp-block-button__link.wp-element-button {
	display: inline-block;
	text-decoration: none;
	border-radius: 4px;
	padding: 0.75em 1.5em;
	font-weight: 600;
}

.has-accent-background-color,
.wp-block-button__link.has-accent-background-color {
	background-color: var(--wp--preset--color--accent, #2563eb) !important;
}

.has-base-color,
.wp-block-button__link.has-base-color {
	color: var(--wp--preset--color--base, #ffffff) !important;
}

.has-muted-color {
	color: var(--wp--preset--color--muted, #5c5c5c) !important;
}

.has-contrast-color {
	color: var(--wp--preset--color--contrast, #1a1a1a) !important;
}

.has-base-background-color {
	background-color: var(--wp--preset--color--base, #ffffff) !important;
}

.wp-block-buttons.is-content-justification-center,
.wp-block-buttons[style*="justify-content:center"] {
	justify-content: center;
}

/*
 * Wide / full alignment (theme.json: contentSize 720px, wideSize 1200px).
 * Requires add_theme_support( 'align-wide' ) + block toolbar alignment.
 */
.alignwide,
.wp-block-group.alignwide,
.wp-block-cover.alignwide {
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-left: auto;
	margin-right: auto;
}

.alignfull,
.wp-block-group.alignfull,
.wp-block-cover.alignfull {
	max-width: none !important;
	width: 100%;
}

/* CTA cover pattern: glass card + gradient accents */
.fourwp-glass-panel {
	background-color: rgba(15, 23, 42, 0.55);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 16px;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.fourwp-text-gradient {
	background: linear-gradient(90deg, #60a5fa, #a78bfa);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.fourwp-cta-checklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fourwp-cta-checklist li {
	position: relative;
	padding-left: 1.25rem;
	margin-bottom: 0.5rem;
}

.fourwp-cta-checklist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.45em;
	width: 0.5rem;
	height: 0.5rem;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 50%;
}

.fourwp-btn-gradient .wp-block-button__link {
	background: linear-gradient(90deg, #3b82f6, #8b5cf6) !important;
	border-radius: 999px;
	border: none;
}

.fourwp-btn-gradient .wp-block-button__link:hover {
	filter: brightness(1.08);
}