/**
 * Longleyun Visual Foundation — Phase 0.6C-1A (Header only)
 *
 * Scope: the global header only. Site-wide by nature (the header is shared).
 * DEPRECATED for later phases: Hero / homepage sections / Advisor are handled
 * in 0.6C-1B / 0.6C-1C, not here.
 *
 * Design palette convention (documented, not applied globally in 1A):
 *   page #F6F4EF | surface #FFFFFF | text #111827 | navy #16243A
 *   secondary #667085 | border #D9DEE7 | brand #3E63DD
 *   soft #EEF1F4 | gold #B89A68
 *
 * Loads after design-system.css + global-header.css.
 */

/* Container: flat white, hairline base, no glow / blur / heavy shadow. */
.ly-global-header {
	background: #ffffff;
	border-bottom: 1px solid #d9dee7;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

/* ------------------------------------------------------------------
 * Navigation: ink text; brand-blue underline for hover / focus / current.
 * ------------------------------------------------------------------ */
.ly-global-header .ly-header-menu__link,
.ly-global-header .ly-header-menu__trigger {
	color: #111827;
}

.ly-global-header .ly-header-menu__link:hover,
.ly-global-header .ly-header-menu__link:focus-visible,
.ly-global-header .ly-header-menu__link[aria-current="page"],
.ly-global-header .ly-header-menu__trigger:hover,
.ly-global-header .ly-header-menu__trigger:focus-visible,
.ly-global-header .ly-header-menu.is-current .ly-header-menu__trigger,
.ly-global-header .ly-header-menu.is-open .ly-header-menu__trigger {
	background: transparent;
	color: #3e63dd;
	box-shadow: none;
}

.ly-global-header .ly-header-menu__link::after,
.ly-global-header .ly-header-menu__trigger::after,
.ly-global-header .ly-header-menu__link[aria-current="page"]::after,
.ly-global-header .ly-header-menu.is-current .ly-header-menu__trigger::after,
.ly-global-header .ly-header-menu.is-open .ly-header-menu__trigger::after {
	background: #3e63dd;
	height: 2px;
}

/* ------------------------------------------------------------------
 * Dropdown: pure white, hairline, moderate radius, very light shadow.
 * ------------------------------------------------------------------ */
.ly-global-header .ly-header-menu__dropdown {
	background: #ffffff;
	border: 1px solid #d9dee7;
	border-radius: 12px;
	box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
}

.ly-global-header .ly-header-menu__dropdown a:hover,
.ly-global-header .ly-header-menu__dropdown a:focus-visible,
.ly-global-header .ly-header-menu__dropdown a[aria-current="page"],
.ly-global-header .ly-header-menu__dropdown a.ly-header-menu__item[aria-current="page"] {
	background: transparent;
	color: #3e63dd;
}

/* ------------------------------------------------------------------
 * Action hierarchy:
 *   WeCom  = navy primary
 *   QQ     = quiet white + hairline
 *   Account = quiet white + hairline (desktop + compact/mobile)
 * ------------------------------------------------------------------ */
.ly-global-header .ly-header-action,
.ly-global-header .ly-header-account,
.ly-global-header .ly-header-account-compact,
.ly-global-header .ly-header-qq__trigger {
	border-radius: 10px;
	box-shadow: none;
}

/* WeCom — normal / hover / focus-visible */
.ly-global-header .ly-header-action--wecom {
	background: #16243a;
	color: #ffffff;
	box-shadow: none;
}

.ly-global-header .ly-header-action--wecom:hover,
.ly-global-header .ly-header-action--wecom:focus-visible {
	background: #0f1b2c;
	color: #ffffff;
	box-shadow: none;
	transform: none;
}

.ly-global-header .ly-header-action--wecom > span {
	background: #ffffff;
	box-shadow: none;
}

/* QQ — normal / hover / focus-visible / open */
.ly-global-header .ly-header-qq__trigger,
.ly-global-header .ly-header-qq.is-open .ly-header-qq__trigger {
	background: #ffffff;
	border: 1px solid #d9dee7;
	color: #111827;
	box-shadow: none;
	transform: none;
}

.ly-global-header .ly-header-qq__trigger:hover,
.ly-global-header .ly-header-qq__trigger:focus-visible {
	background: #ffffff;
	border-color: #c4cbd6;
	color: #111827;
	box-shadow: none;
	transform: none;
}

/* Account (desktop + compact/mobile) — normal / hover / focus-visible / open */
.ly-global-header .ly-header-account,
.ly-global-header .ly-header-account-compact,
.ly-global-header .ly-header-account-menu.is-open .ly-header-account__trigger {
	background: #ffffff;
	border: 1px solid #d9dee7;
	color: #111827;
	box-shadow: none;
	transform: none;
}

.ly-global-header .ly-header-account:hover,
.ly-global-header .ly-header-account:focus-visible,
.ly-global-header .ly-header-account-compact:hover,
.ly-global-header .ly-header-account-compact:focus-visible {
	background: #ffffff;
	border-color: #c4cbd6;
	color: #111827;
	box-shadow: none;
	transform: none;
}

/* Popups shared by QQ + account: light, bordered. */
.ly-global-header .ly-header-qq__card,
.ly-global-header .ly-header-account-menu__dropdown {
	background: #ffffff;
	border: 1px solid #d9dee7;
	border-radius: 12px;
	box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
}

.ly-global-header .ly-header-account-menu__dropdown a:hover,
.ly-global-header .ly-header-account-menu__dropdown a:focus-visible {
	background: #eef1f4;
	color: #16243a;
}

/* ------------------------------------------------------------------
 * Focus-visible: always a visible ring, never colour-only.
 * ------------------------------------------------------------------ */
.ly-global-header a:focus-visible,
.ly-global-header button:focus-visible,
.ly-global-header input:focus-visible {
	outline: 2px solid #3e63dd;
	outline-offset: 2px;
	box-shadow: none;
}

/* ------------------------------------------------------------------
 * Phase 0.6C-1A2 — navigation as restrained text, not pills.
 * ------------------------------------------------------------------ */
.ly-global-header .ly-global-header__nav {
	justify-content: center;
	gap: clamp(22px, 2.2vw, 32px);
}

.ly-global-header .ly-header-menu__link,
.ly-global-header .ly-header-menu__trigger {
	padding: 0 2px;
	border: 0;
	background: transparent;
	color: #344054;
	font-size: 15px;
	font-weight: 550;
}

.ly-global-header .ly-header-menu__link:hover,
.ly-global-header .ly-header-menu__link:focus-visible,
.ly-global-header .ly-header-menu__link[aria-current="page"],
.ly-global-header .ly-header-menu__trigger:hover,
.ly-global-header .ly-header-menu__trigger:focus-visible,
.ly-global-header .ly-header-menu.is-current .ly-header-menu__trigger,
.ly-global-header .ly-header-menu.is-open .ly-header-menu__trigger {
	background: transparent;
	color: #111827;
}

.ly-global-header .ly-header-menu__link::after,
.ly-global-header .ly-header-menu__trigger::after,
.ly-global-header .ly-header-menu__link[aria-current="page"]::after,
.ly-global-header .ly-header-menu.is-current .ly-header-menu__trigger::after,
.ly-global-header .ly-header-menu.is-open .ly-header-menu__trigger::after {
	background: #16243a;
	border-radius: 0;
	height: 2px;
}

.ly-global-header .ly-header-menu__dropdown {
	width: 260px;
	padding: 8px;
	border: 1px solid #e4e7ec;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.ly-global-header .ly-header-menu__dropdown a {
	min-height: 42px;
	padding: 9px 10px;
	border-radius: 8px;
	color: #344054;
	font-size: 14px;
	font-weight: 550;
}

.ly-global-header .ly-header-menu__dropdown a:hover,
.ly-global-header .ly-header-menu__dropdown a:focus-visible,
.ly-global-header .ly-header-menu__dropdown a[aria-current="page"] {
	background: #f7f7f5;
	color: #111827;
}

.ly-global-header .ly-header-menu__icon {
	display: inline-flex;
	align-items: center;
	color: #98a2b3;
}

/* Right actions: contact = navy primary; account stays quiet (from 1A). */
.ly-global-header .ly-header-action--contact {
	border: 0;
	border-radius: 10px;
	background: #16243a;
	color: #ffffff;
	box-shadow: none;
}

.ly-global-header .ly-header-action--contact:hover,
.ly-global-header .ly-header-action--contact:focus-visible {
	background: #0f1b2c;
	color: #ffffff;
	box-shadow: none;
}

.ly-global-header .ly-header-icon__count {
	margin-left: 5px;
	font-size: 11px;
	font-weight: 700;
	font-style: normal;
	color: #16243a;
}

/* Cart entry is always present for WooCommerce fragments; hidden when empty. */
.ly-global-header .ly-header-cart {
	display: inline-flex;
	align-items: center;
}

.ly-global-header .ly-header-cart.is-empty {
	display: none;
}