/*
 * 全站样式（首页 Banner 等），由 Paticozy Toolkit (work) 加载
 */

/* ============================================================
 * 1) 首页 Hero 遮罩层级修复
 * 问题：主题 .pati-hero::after 的深绿渐变遮罩没有 z-index，
 *       按绘制顺序盖在了文字上面，白色 H1/副标题几乎不可见；
 *       且区块未设置背景图，遮罩下面是浅色页面底。
 * 方案：给 hero 一个品牌深绿底色，遮罩 z-index:0，
 *       内容容器 relative + z-index:1 提到遮罩上面。
 * ============================================================ */
.pati-hero {
	background-color: #1c3527;
}
.pati-hero::after {
	z-index: 0;
}
.pati-hero .wp-block-group__inner-container {
	position: relative;
	z-index: 1;
}

/* 首页顶部多余的「Home」页面标题隐藏（Banner 里已有真正的 H1） */
.home .entry-header {
	display: none;
}

/* ============================================================
 * 2) Hero 内按钮
 * 问题：主题把强调色加在外层 .pati-btn--accent 上，内层链接
 *       仍是 GeneratePress 默认灰底胶囊，橙色只在圆角处露一圈；
 *       描边按钮也被套了灰底。
 * ============================================================ */
.pati-hero .pati-btn--accent,
.pati-hero .pati-btn--accent:hover {
	background: none;
}

.pati-hero .pati-btn--accent .wp-block-button__link {
	background-color: #e8703a;
	color: #fff;
	border: 0;
	border-radius: 9999px;
	font-weight: 600;
	padding: 14px 28px;
	transition: background-color .18s ease;
}

.pati-hero .pati-btn--accent .wp-block-button__link:hover {
	background-color: #cf5f2e;
	color: #fff;
}

/* 描边按钮：透明底 + 半透明白边 */
.pati-hero .is-style-outline .wp-block-button__link {
	background-color: transparent;
	color: #fff;
	border: 1.5px solid rgba(255, 255, 255, .72);
	border-radius: 9999px;
	font-weight: 600;
	padding: 13px 27px;
}

.pati-hero .is-style-outline .wp-block-button__link:hover {
	background-color: rgba(255, 255, 255, .14);
	color: #fff;
}

/* 两个按钮之间留出间距 */
.pati-hero .wp-block-buttons {
	gap: 12px;
}

/* 窄屏：徽章字号收小，避免挤成三行 */
@media (max-width: 480px) {
	.pati-hero .pati-hero-badge {
		font-size: 12px;
		padding: 6px 12px;
		letter-spacing: .02em;
	}
	.pati-hero .wp-block-buttons {
		flex-wrap: wrap;
		gap: 10px;
	}
	.pati-hero .wp-block-button__link {
		padding: 12px 22px !important;
		font-size: 15px !important;
	}
}