/* Shared dropdown feedback uses the theme's own purple, blue, and panel colors. */
.eh-header {
  --nav-hover-fill: linear-gradient(115deg,
    color-mix(in srgb, var(--eh-accent) 18%, var(--eh-panel)),
    color-mix(in srgb, var(--eh-blue) 14%, var(--eh-panel)));
  --nav-hover-edge: color-mix(in srgb, var(--eh-accent) 28%, transparent);
}
.eh-header .eh-mega a {
  transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.eh-header .eh-mega a:is(:hover, :focus-visible),
.eh-header .eh-nav-group > summary:is(:hover, :focus-visible),
.eh-header .eh-nav-group[open] > summary,
.eh-header .eh-nav-price:is(:hover, :focus-visible) {
  background: var(--nav-hover-fill);
  box-shadow: inset 0 0 0 1px var(--nav-hover-edge),
    0 4px 16px color-mix(in srgb, var(--eh-accent) 9%, transparent);
}
.eh-header .eh-mega a:focus-visible,
.eh-header .eh-nav-group > summary:focus-visible,
.eh-header .eh-nav-price:focus-visible {
  outline: 2px solid var(--eh-accent);
  outline-offset: 3px;
}
.eh-header .eh-mega-bottom a {
  padding: 6px 9px;
  border-radius: 8px;
}
/* Canonical filled brand silhouettes must not inherit the line-icon stroke style. */
.eh-header .bf-platform-mini .nav-platform-icon {
  width: 22px;
  height: 22px;
  flex: none;
  fill: currentColor;
  stroke: none;
  stroke-width: 0;
}
.eh-header .bf-platform-mini .nav-platform-icon--android {
  width: 24px;
  height: 24px;
}
@media (prefers-reduced-motion: reduce) {
  .eh-header .eh-mega a { transition: none; }
}