/**
 * XiF 区块样板样式（前台与编辑器共用）。
 */

.xif-block-hero,
.xif-block-cta {
	border: 1px solid var(--xif-line, #e1e5ea);
	border-radius: 0;
}

.xif-block-hero {
	padding: 44px 46px;
	background: var(--wp--preset--color--surface, #f7f8fa);
}

.xif-block-hero__columns {
	gap: 40px;
}

.xif-block-hero__media {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 300px;
	border: 1px solid var(--xif-line, #e1e5ea);
	background:
		linear-gradient(135deg, rgba(214, 0, 28, .06), rgba(214, 0, 28, 0)),
		#fff;
}

.xif-block-eyebrow {
	margin: 0 0 8px !important;
	color: var(--wp--preset--color--accent, #d6001c);
	font-size: 11px !important;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.xif-block-section {
	margin: 44px 0;
}

.xif-block-card {
	height: 100%;
	padding: 22px;
	border: 1px solid var(--xif-line, #e1e5ea);
	border-radius: 0;
}

.xif-block-card h3 {
	margin-top: 0;
}

.xif-block-cta {
	margin: 44px 0;
	padding: 34px 38px;
	background: var(--wp--preset--color--surface, #f7f8fa);
}

.xif-block-hero .wp-block-buttons,
.xif-block-cta .wp-block-buttons {
	margin-top: 22px;
}

.xif-block-hero .wp-block-button__link,
.xif-block-cta .wp-block-button__link {
	border-radius: 999px;
}

.xif-block-hero .is-style-outline .wp-block-button__link {
	border: 1px solid var(--xif-line, #cfd5dc);
	background: #fff;
	color: var(--wp--preset--color--ink, #15171c);
}

.is-style-outline .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--accent, #d6001c);
	color: var(--wp--preset--color--accent, #d6001c);
}

@media (max-width: 782px) {
	.xif-block-hero,
	.xif-block-cta {
		padding: 26px 22px;
	}

	.xif-block-hero__columns {
		gap: 20px;
	}

	.xif-block-hero__media {
		min-height: 200px;
	}
}