/*
Theme Name: 玖隆企服 Blocksy 子主题
Theme URI: https://www.jiulonggroup.cn/
Description: 湖南玖隆财务管理有限公司官网 — Blocksy 子主题，复用现有苹果风设计系统（apple.css），服务/案例/博客后台可维护。
Author: 玖隆企服
Author URI: https://www.jiulonggroup.cn/
Template: blocksy
Version: 1.0.1
License: GNU General Public License v2 or later
Text Domain: jiulong-child
*/

/* 子主题声明文件。实际样式主体在 assets/css/apple.css。 */

/* --- 登录态下 WP 管理栏遮挡固定导航的修正 --- */
.admin-bar .navbar {
	top: var(--wp-admin--admin-bar--height, 32px);
}
.admin-bar .mobile-menu {
	padding-top: 32px;
}

/* --- 防止 Blocksy 全局样式干扰表单控件（兜底，apple.css 已后置加载） --- */
body select {
	font-family: inherit;
}

/* 修复 Blocksy 固定 select 高度导致文字被裁切 */
body .form-group select,
body #contactForm select {
	height: auto !important;
	min-height: 48px;
	line-height: 1.6;
}

/* 表单控件恢复原版自适应尺寸（apple.css 不设固定高度，Blocksy 强制 40px 会压扁控件） */
body .form-group input,
body .form-group select,
body .form-group textarea {
	height: auto !important;
	line-height: normal;
}

/* =========================================================
   古腾堡 blocks 适配层（页面整块 HTML 拆成 blocks 后的布局还原）
   原理：页面 section 被拆成 core/group(section) > core/group(container)
         > heading/paragraph/list/html 块，这里把拆块后的新结构还原成原版样式。
   ========================================================= */

/* --- 1. section-header 拆块后的标题/说明：居中限宽（仅 h2，hero 的 h1 保持左对齐） --- */
.wp-block-group.container > h2.wp-block-heading {
	text-align: center;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	font-size: clamp(28px, 4.2vw, 44px);
	font-weight: 600;
	letter-spacing: -0.028em;
	color: var(--text);
	line-height: 1.12;
}
.wp-block-group.container > p.jl-desc {
	text-align: center;
	max-width: 720px;
	margin: 0 auto 64px;
	font-size: 17px;
	color: var(--text-medium);
	line-height: 1.55;
	letter-spacing: -0.01em;
}
/* 无说明段落的 section（如联系/其他服务）：标题直接承担原 section-header 的 64px 下边距 */
.wp-block-group.container > h2.jl-sh-solo {
	margin-bottom: 64px;
}

/* --- 1b. Blocksy 全局排版防护层 ---
   优先级精确卡位 (0,1,0)：
   - 赢过 Blocksy 的元素级规则 h4{font-size:var(--theme-font-size)} (0,0,1)
     和 :is(.is-layout-flow) :where(h1-h6){margin-block-end:calc} (0,1,0)（本表在 main.min.css 之后加载，平级时后到胜）
   - 输给 apple.css 的组件规则 .contact-info h3{} 等 (0,1,1)+，不破坏任何组件样式
   只用 margin-block-end / font-size / font-weight，不碰其他属性。 */
.wp-block-group :where(h2, h3, h4, h5, h6) { margin-block-end: 0; }
.wp-block-group :where(h3, h4) { font-weight: 700; }
.wp-block-group :where(h3) { font-size: 1.17em; }
.wp-block-group :where(h4, h5, h6) { font-size: 1em; }
.wp-block-group :where(p) { margin-block-end: 0; }
.wp-block-group :where(ul, ol) { margin-block-end: 0; }

/* --- 1c. 表单控件恢复原版尺寸 ---
   原版靠浏览器自适应（无固定高度），Blocksy 强制 height:40px 且控件继承正文行高 1.6。
   恢复 auto + normal 行高后：input≈49px、select≈51px、textarea≈104px（apple 的 min-height 生效）。 */
.wp-block-group :where(.form-group input, .form-group select, .form-group textarea) {
	height: auto;
	line-height: normal;
}

/* --- 2. contact 深色 section 的标题/说明配色 --- */
.wp-block-group.contact > .wp-block-group > h2.wp-block-heading {
	color: #fff;
}
.wp-block-group.contact > .wp-block-group.container > p.jl-desc {
	color: var(--text-light);
}

/* --- 3. who-grid 转 list 块：还原卡片网格 --- */
ul.jl-who-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 14px;
	margin-top: 26px;
	list-style: none;
	padding: 0;
}
ul.jl-who-grid li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 16px 18px;
	font-size: 14px;
	color: var(--text-medium);
	line-height: 1.55;
}
ul.jl-who-grid li .wi-mark {
	flex: none;
	width: 22px;
	height: 22px;
	margin-top: 1px;
	border-radius: 50%;
	background: var(--primary-bg);
	color: var(--primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 700;
}

/* --- 4. deliver-grid 转 list 块：还原卡片网格 --- */
ul.jl-deliver-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 14px;
	margin-top: 26px;
	list-style: none;
	padding: 0;
}
ul.jl-deliver-grid li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 18px 20px;
	font-size: 14.5px;
	color: var(--text-medium);
	line-height: 1.6;
}
ul.jl-deliver-grid li .dl-check {
	flex: none;
	width: 22px;
	height: 22px;
	margin-top: 1px;
	border-radius: 50%;
	background: var(--success);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
}

/* --- 5. why-list 转 list 块：还原网格 --- */
ul.jl-why-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px 20px;
	margin-top: 26px;
	list-style: none;
	padding: 0;
}
ul.jl-why-list li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 14px;
	color: var(--text-medium);
	line-height: 1.6;
}
ul.jl-why-list li .wy-ok {
	flex: none;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	border-radius: 50%;
	background: var(--primary);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
}

/* --- 6. scope-list 转 list 块：还原胶囊标签流 --- */
ul.jl-scope-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 24px;
	list-style: none;
	padding: 0;
}
ul.jl-scope-list li {
	font-size: 13px;
	color: var(--text);
	background: #fff;
	border: 1px solid var(--border);
	padding: 8px 16px;
	border-radius: 980px;
}

/* --- 7. 移动端：卡片网格单列 --- */
@media (max-width: 520px) {
	ul.jl-who-grid,
	ul.jl-why-list,
	ul.jl-deliver-grid {
		grid-template-columns: 1fr;
	}
}

/* --- 8. 案例卡整卡可点击（stretched link） --- */
.case-card {
	position: relative;
}
.case-card-link {
	position: absolute;
	inset: 0;
	z-index: 2;
}

/* 案例卡内 case-meta 段落（原版是 span，块化后为 p，避免被 .case-body p 的 margin 误伤） */
.case-body .wp-block-group.case-meta p {
	margin-bottom: 0;
}

/* --- 9. 首页 hero 背景图（core/image 块铺底，点图可替换） ---
   原版：section.hero 的 background-image + ::before 渐变遮罩。
   块化：hero group 内第一个子元素是 core/image 块（figure），绝对定位铺满充当背景。 */
.hero > figure.wp-block-image {
	position: absolute;
	inset: 0;
	margin: 0 !important;
	z-index: 0;
}
.hero > figure.wp-block-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 32%; /* 复刻原版 background-position:center 32% */
}
/* 层级：背景图(0) < 遮罩(1) < 内容(2)。::before/::after 定义在 apple.css，此处只抬层级 */
.hero::before,
.hero::after {
	z-index: 1;
}
.hero > .container {
	position: relative;
	z-index: 2;
}

/* --- 10. 联系我们页浅色主题化 ---
   原版 contact 区为深色（--ink 黑底白字）。联系区独立成页后，
   改为全站统一的浅色体系：浅灰区底 + 白色卡片 + 主题蓝图标/链接/按钮。
   全站仅 /contact/ 页存在 .contact 区，此处覆盖不影响其他页面。 */
.wp-block-group.contact {
	background: var(--bg-light);
	color: var(--text);
}
/* 深色区专用的白色大标题/说明 → 深色（同文件靠后规则，覆盖第 2 节） */
.wp-block-group.contact > .wp-block-group > h2.wp-block-heading {
	color: var(--text);
}

/* 联系方式：白卡 + 分组间距 */
.wp-block-group.contact .contact-info {
	color: var(--text);
}
.wp-block-group.contact .contact-info h3 {
	color: var(--text);
}
.wp-block-group.contact .contact-item {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 18px 20px;
	margin-bottom: 12px;
}
.wp-block-group.contact .contact-item:last-child {
	margin-bottom: 0;
}
/* 图标：主题蓝浅底 + 蓝色图标 */
.wp-block-group.contact .contact-item .ci-icon {
	background: var(--primary-bg);
	color: var(--primary);
}
.wp-block-group.contact .contact-item .ci-text h4 {
	color: var(--text-medium);
}
.wp-block-group.contact .contact-item .ci-text p {
	color: var(--text);
}
.wp-block-group.contact .contact-item .ci-text p,
.wp-block-group.contact .contact-item .ci-text a {
	color: var(--text);
}
.wp-block-group.contact .contact-item .ci-text a {
	color: var(--primary) !important; /* !important 压原版 inline style 的 color:#fff（白卡上会隐形） */
}
/* 微信企业客服按钮：绿底保持白字（inline 绿底按钮，不跟随主题蓝） */
.wp-block-group.contact .contact-item .ci-text a.kf-btn {
	color: #fff !important;
}
.wp-block-group.contact .contact-item .ci-text a:hover {
	color: var(--primary);
	text-decoration: underline;
}

/* 导航按钮（高德/百度）：主题蓝浅底蓝字 → hover 实心蓝 */
.wp-block-group.contact .map-btn {
	background: var(--primary-bg);
	color: var(--primary);
	border: 1px solid transparent;
}
.wp-block-group.contact .map-btn:hover {
	background: var(--primary);
	color: #fff;
}

/* 微信咨询项内 inline 白字（深色区遗留）→ 深色，!important 压 inline style */
.wp-block-group.contact .contact-info p[style*="rgba(255,255,255"] {
	color: var(--text-medium) !important;
}
/* 二维码白边框在浅色底上改浅灰描边 */
.wp-block-group.contact .qr-img {
	border-color: var(--border);
}

/* 表单卡：白底加轻投影，与浅灰区形成层次 */
.wp-block-group.contact .contact-form {
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}