/* A5IDC V2.12 - restore the actual www theme's idle header rendering.
   Original: www/common/header/head.html => headerBg notransparent translucent
   Original: www/static/css/nav.css => backdrop-filter: blur(var(--translucentdegree))
   Original default background: transparent, NOT rgba(255,255,255,.72).
   V2.10's opaque-white hover/dropdown behavior is preserved. */
@media (min-width: 1025px) {
  body.a5idc-theme .nav-layoutcontainer,
  body.a5idc-theme .nav-layoutcontainer .horizontal-menu-navbar {
    background: transparent !important;
    background-color: transparent !important;
  }
  body.a5idc-theme .nav-layoutcontainer .horizontal-menu-navbar .headerBg {
    background: transparent !important;
    background-color: transparent !important;
    opacity: 1 !important;
    /* Use the theme's original --translucentdegree variable. */
    backdrop-filter: blur(var(--translucentdegree, 12px)) !important;
    -webkit-backdrop-filter: blur(var(--translucentdegree, 12px)) !important;
    border-bottom: 1px solid transparent !important;
    box-shadow: 0 1px 3px rgba(49,49,49,.10) !important;
    transition: background-color .25s ease, box-shadow .25s ease,
                border-color .25s ease, backdrop-filter .25s ease !important;
  }
  /* Hovering anywhere on the navbar, keyboard focus, or an open mega-menu
     produces a fully white continuous surface, as requested in V2.10. */
  body.a5idc-theme .nav-layoutcontainer:is(:hover,:focus-within,.a5-nav-opaque),
  body.a5idc-theme .nav-layoutcontainer:is(:hover,:focus-within,.a5-nav-opaque) .horizontal-menu-navbar {
    background: #fff !important;
    background-color: #fff !important;
  }
  body.a5idc-theme .nav-layoutcontainer:is(:hover,:focus-within,.a5-nav-opaque) .horizontal-menu-navbar .headerBg {
    background: #fff !important;
    background-color: #fff !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom-color: #fff !important;
    box-shadow: none !important;
  }
  body.a5idc-theme .nav-layoutcontainer .horizontal-menu-navbar-menu li a,
  body.a5idc-theme .nav-layoutcontainer .horizontal-menu-right-container a:not(.navbar-Login) {
    color: #242a33 !important;
  }
  body.a5idc-theme .nav-layoutcontainer .horizontal-menu-navbar-menu li a.a5-current {
    color: #0052d9 !important;
  }
  body.a5idc-theme .nav-layoutcontainer .horizontal-menu-right-container a.navbar-Login {
    color: #fff !important;
  }
  body.a5idc-theme .nav-layoutcontainer .menu-dropdown-container {
    top: calc(100% - 1px) !important;
    background: #fff !important;
    border-top: 1px solid #fff;
    box-shadow: 0 16px 32px rgba(19,40,74,.10);
  }
  body.a5idc-theme .nav-layoutcontainer .menu-dropdown-container .Submenu-background {
    background: #fff !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.a5idc-theme .nav-layoutcontainer .horizontal-menu-navbar .headerBg {
    transition: none !important;
  }
}
