/* ==========================================================================
   ===== gamewearunion 版（.gwu-）—— 样式取值来自线上 styles_clock004.css
   主色 #1357d8 / 深色 #101828 / 描边 #d7e2f8 / 容器 1520px / header sticky
   结构：公告条 → 主行（LOGO 左 · 搜索+图标 右）→ 分类导航（居中、大写）
   ========================================================================== */

.gwu-head,
.gwu-head *{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;color:#101828}

/* ---------- 容器（等价 .clock-header-inner） ---------- */
.gwu-inner{width:min(1520px,calc(100% - 56px));margin:0 auto}

/* ---------- 外壳：sticky + 2px 深色底边 ---------- */
#masthead.gwu-head{position:sticky;top:0;z-index:1000;padding-top:0!important;padding-bottom:0!important;background:#fff;border-bottom:2px solid #101828;box-shadow:none}

/* ---------- 1) 公告条（蓝底白字） ---------- */
.gwu-announcement{background:#1357d8;color:#fff}
.gwu-announcement .gwu-inner{display:flex;align-items:center;justify-content:center;gap:34px;min-height:34px;font-size:12px;font-weight:800;text-align:center;text-transform:uppercase}
.gwu-announcement span{color:rgba(255,255,255);font-weight:800}
.gwu-announcement strong{padding:0 18px;border-right:1px solid rgba(255,255,255,.42);border-left:1px solid rgba(255,255,255,.42);font-weight:900;color:#fff}

/* ---------- 2) 主行：LOGO 左 · 搜索 + 图标 右 ---------- */
.gwu-main{background:#fff}
.gwu-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}

/* LOGO */
.gwu-header-inner>.site-branding{float:none!important;clear:none!important;width:auto!important;margin:0!important;padding:0!important;display:inline-flex;align-items:center;flex:0 0 auto}
.gwu-header-inner>.site-branding .logo,
.gwu-header-inner>.site-branding .custom-logo-link{margin:0!important;display:block;line-height:0;text-decoration:none!important;box-shadow:none!important}
.gwu-header-inner>.site-branding .custom-logo{width:188px!important;max-height:58px;height:auto;object-fit:contain}
.gwu-header-inner>.site-branding .site-title{margin:0!important;font-size:24px!important;font-weight:900;line-height:1.2;color:#101828!important}
.gwu-header-inner>.site-branding .site-description{margin:0!important;font-size:12px;line-height:1.3}

/* 移动端汉堡（<=991px 显示，点击会触发 Storefront 自带菜单开关） */
.gwu-menu-toggle{display:none;width:42px;height:42px;flex:0 0 auto;margin:0;padding:0;border:0;border:0 solid transparent;border-radius:3px;background:transparent;cursor:pointer;align-items:center;justify-content:center;flex-direction:column}
.gwu-menu-toggle span{display:block;width:22px;height:2px;margin:3px auto;background:#101828}

/* 右侧组 */
.gwu-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:360px;flex:0 1 auto}

/* 搜索框（白底 1px 描边、全圆角、右侧深色圆按钮） */
.gwu-head-actions>.site-search{position:relative;float:none!important;width:min(32vw,430px)!important;margin:0!important;padding:0!important}
.gwu-head .site-search .woocommerce-product-search{display:block;width:100%;margin:0;padding:0;position:relative}
.gwu-head .site-search .search-field{width:100%;min-height:42px;height:42px;margin:0;padding:0 48px 0 16px;border:1px solid #d7e2f8!important;border-radius:999px;background:#fff!important;color:#101828!important;font-size:14px;box-shadow:none!important;outline:none;transition:border-color .2s ease}
.gwu-head .site-search .search-field:focus{border-color:#101828!important;outline:2px solid rgba(19,87,216,.14);outline-offset:0;box-shadow:none!important}
.gwu-head .site-search .search-field::placeholder{color:#60708d;opacity:1}
.gwu-head .site-search .screen-reader-text{display:none}
.gwu-head .site-search button[type="submit"]{position:absolute;top:4px;right:5px;width:34px;height:34px;margin:0;padding:0;border:0!important;border-radius:50%;background-color:#101828!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16.5 16.5L20 20'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px;color:#fff;font-size:0;line-height:0;cursor:pointer;transition:background-color .25s ease}
.gwu-head .site-search button[type="submit"]:hover{background-color:#1357d8!important}

/* ---------- 图标按钮（42x42 圆） ---------- */
.gwu-icon-link{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0;padding:0;border:1px solid transparent;border-radius:50%;background:#fff;color:#101828!important;text-decoration:none!important;box-shadow:none!important;transition:border-color .2s ease,color .2s ease}
.gwu-icon-link:hover{border-color:#d7e2f8;color:#1357d8!important;text-decoration:none!important}
/* 图标：内联 SVG（描边跟随 currentColor，hover 变蓝） */
.gwu-icon{display:block;flex:0 0 auto;width:20px;height:20px;stroke:currentColor}

/* 购物车数量角标 */
.gwu-cart-link b{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#1357d8;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}

/* ---------- 3) 分类导航：居中、13px、900、大写 ---------- */
.gwu-desktop-nav{border-top:1px solid #d7e2f8;background:#fff}
.gwu-desktop-nav>.gwu-inner{min-height:48px}
.gwu-desktop-nav .main-navigation{float:none!important;width:100%!important;margin:0!important;padding:0!important;clear:both}
.gwu-desktop-nav .main-navigation>div{width:100%} /* Storefront 会再包一层 .primary-navigation */
/* 主菜单：居中 + 加粗 + 大写（宽度必须撑满，否则 justify-content 不起作用） */
.gwu-desktop-nav .main-navigation ul.menu{width:100%;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 28px;margin:0!important;padding:0!important;list-style:none!important}
.gwu-desktop-nav .main-navigation ul.menu>li{float:none!important;margin:0!important;padding:0!important;list-style:none!important}
.gwu-desktop-nav .main-navigation ul.menu>li>a{display:inline-flex;align-items:center;min-height:48px;padding:0!important;background:transparent!important;border:0!important;color:#101828!important;font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;font-weight:900!important;letter-spacing:0;line-height:1.2;text-transform:uppercase;text-decoration:none!important;box-shadow:none!important;transition:color .2s ease}
.gwu-desktop-nav .main-navigation ul.menu>li>a::before,
.gwu-desktop-nav .main-navigation ul.menu>li>a::after{display:none!important}
.gwu-desktop-nav .main-navigation ul.menu>li>a:hover,
.gwu-desktop-nav .main-navigation ul.menu>li.current-menu-item>a,
.gwu-desktop-nav .main-navigation ul.menu>li.current_page_item>a{color:#1357d8!important}
/* 隐藏 Storefront 自带汉堡（我们用自己的那颗） */
.gwu-desktop-nav .main-navigation .menu-toggle{display:none!important}
/* 二级菜单（普通下拉） */
.gwu-desktop-nav .main-navigation ul.menu li ul.sub-menu,
.gwu-desktop-nav .main-navigation ul.menu li ul.children{position:absolute;top:100%;left:0;z-index:99;display:none;min-width:190px;padding:10px 0;margin:0;border:1px solid #d7e2f8;border-radius:3px;background:#fff;box-shadow:0 18px 42px rgba(19,87,216,.14);list-style:none}
.gwu-desktop-nav .main-navigation ul.menu li:hover>ul.sub-menu,
.gwu-desktop-nav .main-navigation ul.menu li:hover>ul.children{display:block}
.gwu-desktop-nav .main-navigation ul.menu li ul.sub-menu>li>a,
.gwu-desktop-nav .main-navigation ul.menu li ul.children>li>a{display:block;min-height:0;padding:6px 18px!important;font-size:13px;font-weight:700;text-transform:none;color:#60708d!important}
.gwu-desktop-nav .main-navigation ul.menu li ul.sub-menu>li>a:hover{color:#1357d8!important}

/* ---------- 响应式 ---------- */
@media (max-width:1199px){
	.gwu-desktop-nav .main-navigation ul.menu{gap:18px}
	.gwu-head-actions{min-width:300px}
}
@media (max-width:991px){
	.gwu-inner{width:min(100% - 32px,1520px)}
	.gwu-announcement .gwu-inner{gap:16px}
	.gwu-menu-toggle{display:inline-flex}
	.gwu-header-inner{min-height:66px}
	.gwu-head-actions{min-width:0;margin-left:auto;gap:4px}
	.gwu-header-inner>.site-branding .custom-logo{width:166px!important}
	/* 桌面菜单收起，靠 Storefront 自带 handheld 菜单展开 */
	.gwu-desktop-nav .main-navigation ul.menu{display:none!important}
	/* 展开后的手机菜单：纵向 */
	.gwu-desktop-nav .main-navigation.toggled ul.menu,
	.gwu-desktop-nav .main-navigation .handheld-navigation,
	.gwu-desktop-nav .main-navigation.toggled .handheld-navigation{display:block!important;gap:0}
	.gwu-desktop-nav .main-navigation:not(.toggled) .handheld-navigation{display:none!important}
	.gwu-desktop-nav .main-navigation ul.handheld-navigation>li>a{display:block;min-height:0;padding:10px 0!important;font-size:13px;font-weight:800;text-transform:uppercase}
}
@media (max-width:767px){
	.gwu-announcement .gwu-inner{min-height:31px;gap:10px;font-size:10px}
	.gwu-announcement span:last-child{display:none}
	.gwu-announcement strong{padding:0 10px}
	.gwu-header-inner>.site-branding .custom-logo{width:146px!important}
	.gwu-icon-link,.gwu-menu-toggle{width:38px;height:38px}
	/* 搜索框在移动端独立成行（原站是点图标弹出，这里用更稳的做法） */
	.gwu-header-inner{flex-wrap:wrap}
	.gwu-head-actions{width:100%;order:3;justify-content:flex-end}
	.gwu-head-actions>.site-search{width:min(420px,calc(100vw - 32px))!important}
	.gwu-menu-toggle{order:1}
	.gwu-header-inner>.site-branding{order:2}
}