/* =========================================================================
   tjc-header.css —— 头部栏品牌化微调（子主题 · 纯样式覆盖）
   ------------------------------------------------------------------------
   只改「样式」，不动父主题 header.php 的任何结构 / JS。
   父主题头部 = 透明悬浮 + 滚动吸顶(#header-sticky 加 .sticky-header)，
   桌面主菜单 .main-menu，手机端另用 meanmenu 汉堡（本文件只作用桌面，
   ≥992px，手机菜单完全不受影响）。

   改动点（3 处）：
     1) 主菜单 hover/当前项：透明态原本是青色 #34ccff → 统一品牌橙，
        并加一条动画橙色下划线（仅桌面、仅顶级菜单项）。
     2) 吸顶后主菜单常态字色：灰蓝 #5b7d9a → 品牌藏蓝 #001d67（hover 仍橙）。
     3) 「Get a Quote」报价按钮：原本透明空心 → 常态实心品牌橙，hover 转藏蓝。

   品牌色：#ff5e14 橙 / #e04d0a 深橙 / #001d67 藏蓝
   想整段撤销：删本文件 + functions.php 里 tjc_enqueue_header_assets 即可。
   ========================================================================= */

/* -------------------------------------------------------------------------
   1) 主菜单 hover / 当前项 —— 统一品牌橙
   透明态(未吸顶)父主题把 hover 落到了 .main-menu ul li:hover>a = #34ccff(青)，
   这里用更高优先级(带 .default-header)改回品牌橙；吸顶态父主题已是橙色，无需再改。
   ---------------------------------------------------------------------- */
.default-header .main-menu ul li:hover > a,
.default-header .main-menu ul li.active > a {
	color: #c2410c;
}

/* -------------------------------------------------------------------------
   2) 吸顶后主菜单常态字色 —— 灰蓝 → 品牌藏蓝
   选择器与父主题同名，靠「子主题样式后加载」取胜（hover 仍由父主题的橙色规则接管）。
   ---------------------------------------------------------------------- */
.sticky-header .main-menu ul li a {
	color: #001d67;
}

/* -------------------------------------------------------------------------
   3) 报价按钮 —— 常态实心品牌橙，hover 转藏蓝
   父主题按状态给了多条空心样式（最高到 5 个类），这里用 6 个类的选择器稳压过去，
   透明态 / 吸顶态都覆盖，避免出现半截空心。
   ---------------------------------------------------------------------- */
.transparent-header.default-header .header-btn .btn.transparent-btn,
.transparent-header.default-header.sticky-header .header-btn .btn.transparent-btn {
	background: #c2410c;
	border: 2px solid #c2410c;
	color: #fff;
	box-shadow: 0 8px 16px rgba(194, 65, 12, .28);
	transition: all .18s ease;
}
.transparent-header.default-header .header-btn .btn.transparent-btn:hover,
.transparent-header.default-header.sticky-header .header-btn .btn.transparent-btn:hover {
	background: #001d67;
	border-color: #001d67;
	color: #fff;
	box-shadow: 0 8px 16px rgba(0, 29, 103, .28);
}

/* -------------------------------------------------------------------------
   桌面专属（≥992px）：菜单项动画下划线
   仅作用于顶级菜单项(> ul > li > a)，子菜单(.submenu 里的链接)不加下划线；
   手机端(<992)是 meanmenu 汉堡，另一套 DOM，天然不受影响。
   ---------------------------------------------------------------------- */
@media (min-width: 992px) {
	.main-menu > ul > li > a {
		position: relative;
	}
	.main-menu > ul > li > a::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 30px;                 /* 落在 37px 上下内边距内，贴着文字下方 */
		height: 2px;
		border-radius: 2px;
		background: #c2410c;
		transform: scaleX(0);
		transform-origin: center;
		transition: transform .22s ease;
		pointer-events: none;
	}
	.main-menu > ul > li:hover > a::after,
	.main-menu > ul > li.active > a::after {
		transform: scaleX(1);
	}
}

/* -------------------------------------------------------------------------
   4) 子菜单的子菜单（横向飞出方向）—— 往左弹 → 改为往右弹
   父主题把二级及更深的横向子菜单设成 left:auto; right:100%;（贴父项左侧、向左展开），
   这里翻转为 left:100%; right:auto;（贴父项右侧、向右展开）。
   两条选择器分别对应「子菜单的子菜单」与「再深一层」，与父主题同名、靠后加载取胜。
   仅桌面横向弹出有此规则；手机端 meanmenu 是纵向堆叠，不受影响。
   ---------------------------------------------------------------------- */
.main-menu ul ul li > .submenu,
.main-menu ul ul ul li > .submenu {
	left: 100%;
	right: auto;
}