/* ================================================================
   TYCON GLASS V4.6 | LIGHT MENU APPEARANCE
   Enabled only while the appearance selector adds txc-menu-light to html.
   Dark mode uses the untouched V4.5 native glass CSS underneath.
   Main desktop/mobile bar, contact rail and BTT only; no business logic.
   Submenus, account popover, mobile drawer and page content unchanged.
   ================================================================ */

html.txc-menu-light {
  --tycon-cg-white-ink: #004aad;
  --tycon-cg-white-ink-hover: #003b88;
  /* High-opacity near-white: the original v4.5 .71/.64 submenu glass
     let a dark hero tint wash over the header and Tycon logo. */
  --tycon-cg-light-surface: linear-gradient(138deg,
    rgba(255,255,255,.988) 0%,
    rgba(249,252,255,.978) 57%,
    rgba(240,247,253,.969) 100%);
  --tycon-cg-light-hover: rgba(0,74,173,.085);
  --tycon-cg-light-active: rgba(0,74,173,.135);
  --tycon-cg-light-edge: rgba(0,74,173,.24);
}

/* Desktop integrated top and contact bar. Layout, padding and radius untouched. */
html.txc-menu-light #tycon-cg-header .tycon-cg-integrated-glass {
  background: var(--tycon-cg-light-surface) !important;
  border-color: rgba(255,255,255,.98) !important;
  -webkit-backdrop-filter: blur(27px) saturate(115%) !important;
  backdrop-filter: blur(27px) saturate(115%) !important;
  box-shadow: 0 18px 38px rgba(28,56,78,.16),
              inset 0 1px 0 rgba(255,255,255,1),
              inset 0 -1px 0 rgba(56,92,119,.12) !important;
}
html.txc-menu-light #tycon-cg-header .tycon-cg-utility-rail {
  background: linear-gradient(90deg, rgba(232,243,253,.24), rgba(226,239,250,.42)) !important;
  border-top-color: rgba(0,74,173,.16) !important;
}
html.txc-menu-light #tycon-cg-header .tycon-cg-utility-link,
html.txc-menu-light #tycon-cg-header .tycon-cg-utility-link:link,
html.txc-menu-light #tycon-cg-header .tycon-cg-utility-link:visited {
  color: var(--tycon-cg-white-ink) !important;
  text-shadow: none !important;
}
html.txc-menu-light #tycon-cg-header .tycon-cg-utility-link:is(:hover,:focus-visible) {
  color: var(--tycon-cg-white-ink-hover) !important;
  background: var(--tycon-cg-light-hover) !important;
  border-color: var(--tycon-cg-light-edge) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 2px 8px rgba(0,74,173,.08) !important;
  outline: none !important;
}

/* Every desktop and mobile bar control stays blue in its normal state,
   overriding the retained navy theme's white-foreground declarations. */
html.txc-menu-light #tycon-cg-header :is(
  .tycon-cg-trigger, .tycon-cg-search-launcher, .tycon-cg-icon-action,
  .tycon-cg-mobile-search, .tycon-cg-mobile-cart,
  .tycon-cg-mobile-account, .tycon-cg-menu-button
) {
  color: var(--tycon-cg-white-ink) !important;
  text-shadow: none !important;
}
html.txc-menu-light #tycon-cg-header :is(.tycon-cg-nav-controls,.tycon-cg-mobile-actions)
  :is(.tycon-cg-trigger,.tycon-cg-search-launcher,.tycon-cg-icon-action,
      .tycon-cg-mobile-search,.tycon-cg-mobile-cart,
      .tycon-cg-mobile-account,.tycon-cg-menu-button):not(:hover):not(:focus-visible):not(.is-open) {
  color: var(--tycon-cg-white-ink) !important;
  text-shadow: none !important;
}

/* FIX: NO whitespace between the element :is(...) and state :is(...).
   v4.5 accidentally introduced a descendant combinator, so the intended
   hover rule missed the actual button. */
html.txc-menu-light #tycon-cg-header :is(
  .tycon-cg-trigger, .tycon-cg-search-launcher, .tycon-cg-icon-action,
  .tycon-cg-mobile-search, .tycon-cg-mobile-cart,
  .tycon-cg-mobile-account, .tycon-cg-menu-button
):is(:hover,:focus-visible,.is-open) {
  color: var(--tycon-cg-white-ink-hover) !important;
  background: var(--tycon-cg-light-hover) !important;
  border-color: var(--tycon-cg-light-edge) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88),
              0 4px 12px rgba(0,74,173,.09) !important;
  text-shadow: none !important;
  outline: none !important;
}
/* Clearly selected tab even with a near-white parent bar. */
html.txc-menu-light #tycon-cg-header .tycon-cg-trigger.is-open,
html.txc-menu-light #tycon-cg-header .tycon-cg-account-group.is-open > .tycon-cg-account,
html.txc-menu-light #tycon-cg-header .tycon-cg-account-group > .tycon-cg-account.is-open,
html.txc-menu-light #tycon-cg-header .tycon-cg-mobile-shell.is-open .tycon-cg-menu-button {
  color: var(--tycon-cg-white-ink-hover) !important;
  background: var(--tycon-cg-light-active) !important;
  border-color: rgba(0,74,173,.30) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.84),
              0 5px 14px rgba(0,74,173,.10) !important;
  text-shadow: none !important;
}
/* Account button's native open state also exists on its wrapper. */
html.txc-menu-light #tycon-cg-header .tycon-cg-account-group.is-open > .tycon-cg-account svg,
html.txc-menu-light #tycon-cg-header .tycon-cg-account-group > .tycon-cg-account.is-open svg {
  stroke: currentColor !important;
}
html.txc-menu-light #tycon-cg-header :is(.tycon-cg-nav-controls,.tycon-cg-mobile-actions)
  :is(svg,path,circle,rect,polyline,line) { stroke: currentColor; }
html.txc-menu-light #tycon-cg-header .tycon-cg-cart-count {
  background: #004aad !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.98) !important;
  text-shadow: none !important;
}

/* Stronger contrast for the ORIGINAL Tycon logo asset on white glass.
   No artwork, dimensions, layout or brand colors have been replaced. */
html.txc-menu-light #tycon-cg-header :is(.tycon-cg-desktop-logo,.tycon-cg-mobile-logo) img {
  filter: contrast(1.28) brightness(.91) saturate(1.11)
          drop-shadow(0 1px 1px rgba(26,46,65,.37)) !important;
}

/* Mobile white glass, from the same palette as desktop. */
@media (max-width: 991px) {
  html.txc-menu-light #tycon-cg-header .tycon-cg-mobile-actions {
    background: var(--tycon-cg-light-surface) !important;
    border-color: rgba(255,255,255,.98) !important;
    -webkit-backdrop-filter: blur(27px) saturate(115%) !important;
    backdrop-filter: blur(27px) saturate(115%) !important;
    box-shadow: 0 14px 32px rgba(28,56,78,.14),
                inset 0 1px 0 rgba(255,255,255,1),
                inset 0 -1px 0 rgba(56,92,119,.10) !important;
  }
}

/* BTT uses exactly the same near-white material; original centered arrow,
   scroll visibility, positioning, animation and dimensions remain unchanged. */
html.txc-menu-light body #btt-btn {
  background: var(--tycon-cg-light-surface) !important;
  border-color: rgba(255,255,255,.98) !important;
  -webkit-backdrop-filter: blur(27px) saturate(115%) !important;
  backdrop-filter: blur(27px) saturate(115%) !important;
  box-shadow: 0 13px 28px rgba(28,56,78,.18),
              inset 0 1px 0 rgba(255,255,255,.98) !important;
}
html.txc-menu-light body #btt-btn::before {
  border-left-color: #004aad !important;
  border-top-color: #004aad !important;
  filter: none !important;
}
html.txc-menu-light body #btt-btn:is(:hover,:focus-visible) {
  background: linear-gradient(135deg,rgba(239,247,255,.99),rgba(225,240,253,.99)) !important;
  border-color: rgba(0,74,173,.30) !important;
  box-shadow: 0 13px 28px rgba(28,56,78,.16), inset 0 1px 0 #fff !important;
}
html.txc-menu-light body #btt-btn:is(:hover,:focus-visible)::before {
  border-left-color: #003b88 !important;
  border-top-color: #003b88 !important;
}

/* Readable without backdrop-filter and when reduced transparency is enabled. */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
  html.txc-menu-light #tycon-cg-header .tycon-cg-integrated-glass,
  html.txc-menu-light #tycon-cg-header .tycon-cg-mobile-actions,
  html.txc-menu-light body #btt-btn { background: rgba(250,252,255,.99) !important; }
}
@media (prefers-reduced-transparency: reduce) {
  html.txc-menu-light #tycon-cg-header .tycon-cg-integrated-glass,
  html.txc-menu-light #tycon-cg-header .tycon-cg-mobile-actions,
  html.txc-menu-light body #btt-btn { background: rgba(250,252,255,.99) !important; }
}