/**
 * rc-header-logo.css — 页头 LOGO「跨栏溢出」样式
 *
 * 背景：品牌 v24 完整标是 1:1 方图。Astra 的 primary 栏高度 = LOGO 高 + .site-branding
 *      上下 padding 各 15px。方图页头尺寸 128px 时栏高 158px，而同一栏右侧只有
 *      「登录/注册/语言」一行文字，上下各 69px 空洞、整头高达 219px，明显不协调。
 *
 * 做法：让 .site-branding 定高 70px（= primary 栏高，也是 Astra 的 hb-header-height 原生值），
 *      LOGO 改用绝对定位、缩到 102px（= 128 × 0.8）向下跨入 below 导航栏，整头上下留白
 *      各约 14px；用 z-index 保证 LOGO 压在 below 栏背景之上。below 栏左侧（below_left）
 *      本来就是空的，不与搜索/导航冲突。
 *
 * 为什么「缩 LOGO」和「压行高」必须一起做（2026-09-28 四组对比实测）：
 *   - 只缩 LOGO 不压行高 → 整头仍 152px，LOGO 上下留白反而从 12px 涨到 25px，更空；
 *   - 只压行高不缩 LOGO → 整头 141px，128px 的 LOGO 上下只剩 6~7px，很挤；
 *   - 两个一起 → 整头 131px（原 219px，省 88px），留白 14/15 对称，比例最正。
 *
 * 实测（1366 视口）：primary 70 + below 61 = 整头 131px；LOGO rect [35, 14, 102, 102]，
 *                  底部距 header 底 15px，无遮挡（elementFromPoint 命中 LOGO 本体）。
 *
 * 范围：仅桌面生效（Astra 桌面断点 ≥922px）。移动端走 Astra 自带移动头，不受影响。
 * 回滚：停用本文件（functions.php 里去掉 enqueue）即恢复原生撑高布局。
 */

@media (min-width: 922px) {
	/* 主栏定位上下文 + 定高：LOGO 不再参与撑高 */
	.site-header .site-branding {
		position: relative;
		height: 70px;
		width: 102px;
		padding-top: 0;
		padding-bottom: 0;
	}

	/* LOGO 脱离文档流跨栏溢出；z-index 让它盖在 below 栏背景之上 */
	.site-header .site-branding .custom-logo-link {
		display: block;
	}

	.site-header .site-branding img.custom-logo {
		position: absolute;
		left: 0;
		top: 14px;
		width: 102px;
		height: 102px;
		max-width: none;
		max-height: none;
		z-index: 30;
	}

	/* 允许 LOGO 溢出主栏（Astra 默认不裁切，这里显式声明以防主题更新后变化） */
	.ast-primary-header-bar {
		overflow: visible;
	}
}
