/*
全站页头CSS：logo、导航菜单（桌面横向+下拉、手机弹出菜单）、搜索框。每个页面都加载（见functions.php）。
配色/字号token统一记在docs/视觉样式规范_配色字号交互.md。
*/
/* 搜索图标：收起态是40px圆形白底图标按钮，位置一直是常规文档流（没有设position:absolute）；
点击展开后只切换background-color/图标颜色，不碰位置——真正会移动的是.search-form本身
（原生就是position:absolute，靠visibility/opacity切换显隐，位置全程不变）。展开态相关的
几条!important是因为要压过Astra原生内联动态CSS（Customizer生成，权重很高），不是随手加的。
780~921px这个区间桌面横向导航+展开搜索框要同时挤一行，展开宽度按三档收窄
（304→260px、220→180px、180→160px）。 */
.ast-search-menu-icon {
position: relative;
}
.ast-search-menu-icon .astra-search-icon {
width: 40px;
height: 40px;
border-radius: 999px;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
color: #3E8FC4;
box-shadow: 0 2px 6px rgba(43,42,40,0.10);
position: relative;
z-index: 4;
cursor: pointer;
transition: background-color 0.2s ease;
}
.ast-search-menu-icon .astra-search-icon svg,
.ast-search-menu-icon .astra-search-icon i {
color: #3E8FC4;
fill: #3E8FC4;
transition: color 0.2s ease, fill 0.2s ease;
}
.ast-search-menu-icon.ast-dropdown-active .astra-search-icon {
background-color: #3E8FC4 !important;
}
.ast-search-menu-icon.ast-dropdown-active .astra-search-icon svg,
.ast-search-menu-icon.ast-dropdown-active .astra-search-icon i {
color: #FFFFFF !important;
fill: #FFFFFF !important;
}
.ast-search-menu-icon .search-form,
.ast-search-menu-icon.ast-dropdown-active .search-form {
outline: none !important;
}
.ast-search-menu-icon.ast-dropdown-active .search-form {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
right: 0 !important;
left: auto !important;
background-color: #FFFFFF !important;
border: none !important;
border-radius: 999px !important;
box-shadow: 0 12px 28px rgba(43,42,40,0.16);
padding: 0 44px 0 20px !important;
height: 44px;
display: flex !important;
align-items: center;
z-index: 3;
width: 260px !important;
max-width: calc(100vw - 90px) !important;
flex: none !important;
flex-shrink: 0 !important;
box-sizing: border-box !important;
}
.ast-search-menu-icon.ast-dropdown-active .search-field {
width: 100% !important;
height: 100% !important;
font-size: 15px;
color: #2B2A28;
outline: none !important;
border: none !important;
box-shadow: none !important;
flex: 1 1 auto !important;
min-width: 0 !important;
}
@media (max-width: 921px) {
.ast-search-menu-icon.ast-dropdown-active .search-form {
width: 180px !important;
}
}
@media (max-width: 480px) {
.ast-search-menu-icon.ast-dropdown-active .search-form {
width: 160px !important;
padding: 0 40px 0 16px !important;
}
}
/* 文字logo（Oba Go + 欧爸的澳洲生活旅游Blog）：拉丁文/数字部分用设计系统的Plus Jakarta Sans
+主色蓝；中文副标题用标题字体，字重比正文标题(700)轻一档(500)，视觉上区分"这是副标题不是H2"。
必须连.site-title a一起写：Astra的标题字体规则（h1~h6, .site-title, .site-title a）直接指定在
上，只写.site-title的话不继承，会显示成标题字体（普惠体子集没有拉丁字母，落到微软雅黑）。
同权重靠子主题加载顺序在后面赢。 */
.site-title,
.site-title a {
font-family: "Plus Jakarta Sans", sans-serif;
font-weight: 800;
letter-spacing: 0.5px;
}
.site-title a,
.site-title a:hover,
.site-title a:focus,
.site-title a:visited {
color: #3E8FC4;
}
.site-header .site-description {
font-family: "Alibaba PuHuiTi 3.0", "PingFang SC", "Microsoft YaHei", sans-serif;
font-weight: 500;
color: #2B2A28;
}
/* ≤380px时logo(150px)+搜索+菜单按钮把文字logo挤得太窄，"Oba Go"会折成两行、副标题逐字竖排，
把手机header撑高；这个宽度下只留banner logo（它本身带"欧爸在澳洲"字样）。 */
@media (max-width: 380px) {
#ast-mobile-header .ast-site-title-wrap {
display: none;
}
}
/* Header背景用主色的极浅色调，跟正文暖白背景(#FBF8F4)区分开。选择器补了一份复合class版本
（.ast-above-header-bar.ast-above-header）追平原生同款复合选择器的权重，不靠!important。 */
.ast-above-header-bar,
.ast-above-header-bar.ast-above-header,
.ast-primary-header-bar {
background-color: #EDF5FA;
}
/* banner logo四角圆角，跟全站卡片16px圆角标准一致。 */
.custom-logo-link .custom-logo {
border-radius: 16px;
}
/* 导航栏行高/高度各砍原生的一半（原生100px）。选择器照抄Astra原生完整复合选择器
（包括:not(:has())这种高权重写法），保证权重相等、靠子主题加载顺序赢，不用!important。 */
.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu > .menu-item {
line-height: 50px;
}
.ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap,
.ast-mobile-header-wrap .ast-primary-header-bar {
min-height: 50px;
}
@media (max-width: 921px) {
.ast-mobile-header-wrap .ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap {
min-height: 40px;
}
}
/* 导航菜单下拉子菜单（"澳洲生活"→"从零开始"→"行前准备"等flyout）宽度，仅≥921px桌面浮动
下拉框生效（原生选择器本身没有媒体查询包裹）。手机端是原地展开的手风琴（面板本身满宽），
不受这条影响，用原生width:auto。 */
.main-header-menu .sub-menu {
width: 120px;
}
/* 手机端弹出菜单整个面板宽度（真正控制面板宽度的是.ast-mobile-popup-drawer
.ast-mobile-popup-inner，不是#ast-mobile-header）。 */
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
max-width: 60%;
}
/* header左右两栏（logo+标题 / 搜索+菜单）之间的间距，桌面端和手机端header是两个独立DOM节点
但共用同一条CSS规则，这条改动两端同时生效。 */
.ast-builder-grid-row {
grid-column-gap: 5px;
}
/* 手机端弹出菜单每一行的上下内边距。选择器照抄原生在@media(max-width:544px)里的完整复合
选择器（权重比简单的2-class写法高），靠子主题加载顺序赢。 */
@media (max-width: 544px) {
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
padding-top: 6px;
padding-bottom: 6px;
}
}
/* 导航菜单字体跟正文标题/H2-H6统一用标题字体"Alibaba PuHuiTi 3.0"子集（子集已覆盖导航菜单
字符范围）。字重600（H1-H2用700，导航轻一档不跟正文标题抢视觉分量）。选择器用.menu-link
而不是.menu-item，因为实际承载文字颜色/可点击区域的是