/* Keep navigation colors connected to the saved palette and live preview. */
html body .enc-nav,
html body.admin-body .admin-navbar {
  background: var(--season-primary) !important;
  color: var(--theme-on-primary) !important;
  border-bottom-color: var(--season-accent) !important;
}
html body .enc-nav .enc-nav-brand img,
html body.admin-body .admin-navbar .brand-logo,
html body.admin-body .seasonal-preview-nav img {
  filter: brightness(0) invert(var(--theme-logo-invert, 1)) !important;
}
html body .enc-nav .enc-nav-bar > .enc-icon,
html body .enc-nav .enc-nav-actions .enc-icon,
html body.admin-body .admin-navbar .admin-menu-toggle,
html body.admin-body .admin-navbar .admin-nav > a,
html body.admin-body .admin-navbar .admin-nav-group > summary {
  color: var(--theme-on-primary) !important;
}
html body.admin-body .admin-navbar :is(.admin-nav-text, .admin-nav-icon, .admin-nav-icon svg, summary > b) {
  color: inherit !important;
}
html body.admin-body .admin-navbar .admin-nav > a:is(.active, :hover, :focus-visible),
html body.admin-body .admin-navbar .admin-nav-group:is(.active, [open]) > summary {
  background: rgba(var(--theme-on-primary-rgb), .15) !important;
}
html body .enc-nav .enc-icon:hover {
  background: rgba(var(--theme-on-primary-rgb), .12);
}
html body .enc-nav .enc-mega,
html body.admin-body .admin-navbar .admin-nav-submenu {
  background: var(--theme-surface) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-heading) !important;
}
html body .enc-nav :is(.enc-category-link, .enc-more a),
html body.admin-body .admin-navbar .admin-nav-submenu a {
  color: var(--theme-heading) !important;
  border-color: var(--theme-border) !important;
}
html body .enc-nav :is(.enc-category-link, .enc-more a):hover,
html body.admin-body .admin-navbar .admin-nav-submenu a:is(:hover, .active) {
  background: var(--theme-tint) !important;
  color: var(--theme-primary-text) !important;
}
html body.admin-body .seasonal-preview-nav {
  background: var(--season-primary);
  color: var(--theme-on-primary);
}
@media (max-width: 1100px) {
  html body .enc-nav .enc-menu,
  html body.admin-body .admin-navbar .admin-nav {
    background: var(--theme-surface) !important;
    color: var(--theme-heading) !important;
  }
  html body .enc-nav .enc-drawer-brand,
  html body.admin-body .admin-navbar .admin-menu-title {
    color: var(--theme-primary-text) !important;
  }
  html body.admin-body .admin-navbar .admin-nav > a,
  html body.admin-body .admin-navbar .admin-nav-group > summary,
  html body.admin-body .admin-navbar .admin-menu-close,
  html body.admin-body .admin-navbar .admin-menu-close svg {
    color: var(--theme-heading) !important;
  }
  html body.admin-body .admin-navbar .admin-nav > a:is(.active, :hover, :focus-visible),
  html body.admin-body .admin-navbar .admin-nav-group:is(.active, [open]) > summary {
    background: var(--theme-tint) !important;
    color: var(--theme-primary-text) !important;
  }
}