/*
Theme Name: Astra Child - Obago
Template: astra
Description: obago.com.au 站点的Astra子主题。2026-09-22从"WordPress后台Additional CSS"（数据库存储）先迁移到mu-plugins，后又按更合理的架构改成这个子主题——mu-plugins该放"必须一直跑的功能性PHP逻辑"（比如wp-content/mu-plugins/obago-post-meta.php那种改filter输出的代码），纯CSS这种"主题层面的表现"应该走子主题，符合单一职责：子主题管样式，mu-plugins管功能。
2026-09-30起，这个文件只放**全站通用**的CSS（页头/导航/搜索框/内容区间距这类每个页面都会用到的东西）；
页面类型专属的CSS拆到`assets/css/`下按页面类型分文件（目前有`home.css`首页、`archive.css`分类归档页），
由functions.php按条件（is_front_page()/is_archive()等）分别enqueue，不是每个页面都全量加载。
拆分原因：之前所有CSS堆在一个文件里，首页专属的卡片组件样式（.obago-post-card）用了纯class选择器
`.obago-post-card`，结果在首页被这个文件里`.entry-content a`（类+元素，权重更高）意外覆盖出了下划线bug——
拆开之后每个文件职责更清楚，也顺手把这条选择器权重问题一并修了（改成`a.obago-post-card`）。
About/联系页目前没有专属CSS，没有对应文件，等真的需要时再建，不预先建空文件。
Author: obago
Version: 1.0.0
*/

.novamira-hidden-section{display:none !important;}


/* 欧爸在澳洲：2026-09-22 搜索点击展开交互，收起是圆形图标按钮，展开是浮起的圆角搜索卡片。
   2026-09-22四次修复（查了Astra主题源码找到根因，不是猜的）：assets/css/minified/style-flex.min.css
   里原生的.astra-search-icon从来没设置过position，本来就该一直待在正常文档流里不挪窝；
   真正会动的是.search-form——它原生就是从头到尾position:absolute（right:-1em;top:50%;
   transform:translateY(-50%)），只是visibility/opacity在切换，位置本身从不变。之前几版
   自己给.astra-search-icon在展开时加了position:absolute，这个"relative→absolute"的模式切换
   才是跳动的真正原因，是我们自己加出来的，不是原生行为。这版把图标的position覆盖去掉，
   展开时只改background-color/图标颜色，位置全程不碰，配transition让变色是渐变的。 */
.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;
}
/* 2026-09-22 !important审查：从这里到搜索form/field那几条block的!important暂时保留没动——
   这块（点击展开状态的定位/尺寸）今天连续踩了4次坑才修对，而且展开状态是JS点击后才触发的，
   没法用静态截图自动核实"去掉!important后还对不对"，所以这轮清理先只动能用静态截图验证的部分
   （网格布局、文字logo、header背景这些默认态就能看到的），这几条留到能实测点击效果时再单独处理。*/
.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: 304px !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: 220px !important;
	}
}
@media (max-width: 480px) {
	.ast-search-menu-icon.ast-dropdown-active .search-form {
		width: 180px !important;
		padding: 0 40px 0 16px !important;
	}
}

/* 欧爸在澳洲：侧边栏改窄后，主题自带的60px左内边距显得太空，缩小一点 */
@media (min-width: 993px) {
	.ast-right-sidebar #secondary {
		padding-left: 24px;
	}
}

/* 欧爸在澳洲：文章正文里的超链接，改成经典蓝字+下划线，跟正文文字区分开 */
.entry-content a {
	color: #3E8FC4;
	text-decoration: underline;
}
.entry-content a:hover {
	color: #2E6F9C;
}

/* 欧爸在澳洲：2026-09-22 启用文字logo（Oba Go + 欧爸的澳洲生活旅游Blog），配合头像一起构成品牌区
   Oba Go 用设计系统里拉丁文/数字专用字体 Plus Jakarta Sans + 天蓝主色；
   中文副标题用设计系统标题字体 Alibaba PuHuiTi 3.0，字重比正文标题(700)轻一档(500)，
   区分"这是副标题不是正文H2"。*/
.site-title {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 600;
	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;
}

/* 欧爸在澳洲：header背景改天蓝色极浅底色，跟正文暖白背景(#FBF8F4)区分开，
   避免之前纯白header贴着暖白正文有一道生硬分界线；用主色#3E8FC4的极浅色调，不引入新色相。
   2026-09-22换成横版banner logo后失效过一次——Astra原生有条`.ast-above-header.ast-above-header-bar`
   两个class链在一起的复合选择器，权重(0,2,0)比我原来写的单class`.ast-above-header-bar`(0,1,0)高，
   换大logo后这条规则的动态CSS被重新生成/排到了更后面，就把我的颜色盖回去了。改成同样权重的选择器
   （补一份`.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;
}

/* 欧爸在澳洲：2026-09-22 横版banner logo（欧爸在澳洲_横版banner_带地标带考拉）四角加圆角，
   直角边框贴着浅蓝header背景显得生硬，跟设计系统里卡片统一用16px圆角保持一致 */
.custom-logo-link .custom-logo {
	border-radius: 16px;
}

/* 欧爸在澳洲：2026-09-24 导航栏（首页/澳洲生活/...那一行）上下空白太大，原生line-height/min-height
   都是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;
	}
}

/* 欧爸在澳洲：2026-09-24 导航栏和正文内容之间空白太大，根因是Astra原生
   `.ast-separate-container...#primary{margin:4em 0}`（约60px上下外边距），砍一半到2em。
   选择器照抄原生完整的三选择器列表（对应无侧边栏/左侧边栏/右侧边栏三种布局），保证权重相等、
   靠子主题加载顺序赢，不用!important。 */
.ast-separate-container #primary,
.ast-separate-container.ast-left-sidebar #primary,
.ast-separate-container.ast-right-sidebar #primary {
	margin: 20px 0;
}

/* 欧爸在澳洲：2026-09-24 侧边栏（#secondary，欧爸头像卡片那一栏）没跟着上面#primary一起改，
   顶部对不齐——原生选择器`.ast-separate-container.ast-right-sidebar #secondary`本来就有
   （只设了border/margin-left/right:auto，没设margin-top/bottom），这里给它补上跟#primary
   一致的2em，让两栏顶部对齐。 */
.ast-separate-container.ast-right-sidebar #secondary,
.ast-separate-container.ast-left-sidebar #secondary {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 欧爸在澳洲：2026-09-24 缩小窗口宽度到≤992px后，导航栏和内容之间的空白又变大了——用户在
   DevTools里实测找到真正原因：原生`.ast-separate-container #primary{padding:4em 0;margin:0;
   border:0}`是个无媒体查询的基础规则（margin:0，padding:4em/60px）。desktop(≥993px)有另一条
   `@media(min-width:993px){...padding:0}`把padding盖成0，实际总间距靠上面那条margin:2em的
   规则单独撑起来；但≤992px没有任何规则把这条基础padding盖掉，所以它直接生效，跟上面那条
   margin:2em的规则（无媒体查询限制，≤992px下也会生效）叠加，总间距反而变成"2em margin+4em
   padding"，比desktop还大。这里≤992px下改成"margin:0（跟原生一致，抵消上面那条margin:2em
   规则在这个宽度下的效果）+padding:2em（原生4em砍一半）"，选择器照抄原生完整写法，权重相等、
   靠子主题加载顺序在后面赢，不用!important。#secondary没有这条"padding:4em"的原生基础规则
   （查过了，`.ast-separate-container #secondary`没有对应的裸选择器规则），它的垂直间距完全
   来自上面我们自己加的`margin-top/bottom:2em`那条规则（无媒体查询限制，≤992px下本来就会继续
   生效），刚好等于#primary在这个断点下改完的"0+2em=2em"总间距，两栏本来就对得齐，不用再改。 */
@media (max-width: 992px) {
	.ast-separate-container #primary,
	.ast-separate-container.ast-left-sidebar #primary,
	.ast-separate-container.ast-right-sidebar #primary {
		margin: 0;
		padding: 20px 0;
	}
}