/*
Theme Name: Oukerui Apple
Theme URI: https://okrui.net/
Author: Oukerui Biotechnology Co., Ltd.
Description: Oukerui 官网主题。视觉沿用 Apple 设计语言（单一强调色 Action Blue、SF 字阶、tile 明暗交替、卡片零投影），首页版式与滚动交互参考厚德汉方官网。首页所有图片与文案均可在「外观 → 自定义」里自行上传替换，无需改代码。产品数据来自 WooCommerce；未安装 WooCommerce 时自动回退到主题自带的演示目录。
Version: 1.5.1
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 7.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: okrui
Tags: business, custom-logo, custom-menu, featured-images, translation-ready
*/

/* ---------------------------------------------------------------------------
   本文件只放主题声明与极少量全局补丁。
   设计系统在 assets/css/apple-tokens.css + apple.css，
   首页专属版式与动画在 assets/css/home.css。
   --------------------------------------------------------------------------- */

/* WordPress 后台条（登录状态下的顶栏）会把固定导航顶下去，这里补回来 */
.admin-bar .nav { top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar .nav { top: 46px; }
}

/* 屏幕阅读器文本（WP 核心也提供同名类，这里保证主题独立可用） */
.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	word-wrap: normal !important;
}

/* 未启用 JS 时，入场动画元素必须可见（不能永远停在透明态） */
.no-js [data-reveal] { opacity: 1 !important; transform: none !important; }

/* 分页（内页用） */
.pager { margin-top: var(--sp-xxl); }
.pager ul {
	display: flex; flex-wrap: wrap; gap: var(--sp-xs);
	justify-content: center; list-style: none;
}
.pager a, .pager span.current {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; min-height: 40px; padding: 0 12px;
	border-radius: var(--r-pill); font-size: 14px;
	border: 1px solid var(--hairline); color: var(--ink-muted-80);
}
.pager span.current {
	background: var(--primary); border-color: var(--primary); color: #fff;
}
.pager a:hover { border-color: var(--ink-muted-48); color: var(--ink); }

/* 搜索表单的按钮（.searchbar 在 apple.css 里定义了输入框部分） */
.searchbar button { color: var(--ink-muted-48); display: flex; align-items: center; }
.searchbar button:hover { color: var(--primary); }