/*
Theme Name: 铁牛科技官网主题
Theme URI: https://xiaotieniu.com
Author: 山西铁牛网络科技有限公司
Author URI: https://xiaotieniu.com
Description: 铁牛科技企业建站服务商官网主题。完全兼容 WordPress 7.0（兼容 SQLite 数据库环境），基于 Tailwind CSS v3（主题内本地引入，无外部CDN依赖），PC+移动端响应式。内置案例赏析(case)、服务项目(service)、解决方案(solution)三套自定义文章类型，支持后台可视化配置"联系我们"全部内容、自定义导航菜单、页脚小工具区域，商务科技蓝色主调，卡片hover上浮动画，全部内联SVG图标。
Version: 1.1.13
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tieniu-tech
Tags: business, corporate, custom-menu, custom-logo, featured-images, translation-ready
*/

/*
 * 样式说明：
 * 本主题视觉样式主要由主题内置的 Tailwind CSS v3 编译产物承担
 * （assets/css/tailwind.css，由 assets/css/src/input.css 编译生成，可本地重新构建）。
 * style.css 仅承载 WordPress 主题头部注释与少量兜底/微调样式。
 */

/* 管理后台登录页等极端场景下的基础兜底排版 */
body.tieniu-fallback {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* WP评论与文章内容中部分原生元素兜底（Tailwind preflight 已重置） */
.entry-content img {
	max-width: 100%;
	height: auto;
}

.entry-content table {
	width: 100%;
	border-collapse: collapse;
}

.entry-content table td,
.entry-content table th {
	border: 1px solid #e2e8f0;
	padding: 0.5rem 0.75rem;
}

/* Hero 横幅文案均衡换行：避免出现末行只剩一两个字（如“务”单独掉到下一行） */
.hero-title,
.hero-subtitle {
	text-wrap: balance;
}

/* 表单提交轻提示（Toast）：顶部居中弹出，数秒后自动收起 */
.tieniu-toast {
	position: fixed;
	left: 50%;
	top: 80px;
	z-index: 9999;
	max-width: min(92vw, 420px);
	padding: 12px 20px;
	border-radius: 12px;
	background: #fff;
	border-left: 4px solid #16a34a;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.06);
	color: #0f172a;
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
	opacity: 0;
	transform: translate(-50%, -12px);
	transition: opacity 0.25s ease, transform 0.25s ease;
	pointer-events: none;
}

.tieniu-toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

.tieniu-toast.is-error {
	border-left-color: #dc2626;
}

/* 列表封面图：容器比例与图片不一致时，按顶部对齐裁切，保住标题区域
   （主题的 Tailwind 构建产物里没有 object-top，这里补上） */
.object-top {
	object-position: top;
}

/* 顶部 LOGO 尺寸（Tailwind 产物里没有 lg:h-14，这里单独定义） */
.tieniu-logo {
	height: 2.75rem;
}

@media (min-width: 1024px) {
	.tieniu-logo {
		height: 3.5rem;
	}
}

/* 服务列表左图区：固定 3:2 裁切区域，桌面端禁止被 flex 拉伸，
   保证每张卡片封面高度一致（超出部分由 object-cover 顶部裁切） */
@media (min-width: 640px) {
	.tieniu-service-cover {
		align-self: flex-start;
	}
}

/* 蜜罐字段：移出可视区域，正常访客看不到、也不会被 Tab 聚焦 */
.tieniu-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* 大屏导航栏更高（h-20），提示条相应下移，避免挡住导航 */
@media (min-width: 1024px) {
	.tieniu-toast {
		top: 96px;
	}
}