/* A5IDC V2.13.24 — original-source interaction and background parity.
   Applies only to desktop navigation, original homepage product intro and
   desktop customer-service sidebar. No mobile homepage changes. */
@media (min-width: 1025px) {
  /* The new navigation controller sets .a5-current; the source CSS expected
     .menu-active. Match both while the dropdown is open. */
  body.a5idc-theme .horizontal-menu-navbar .horizontal-menu-navbar-container
  .horizontal-container-navbar .horizontal-menu-navbar-menu-container
  .horizontal-menu-navbar-menu li a.a5-current.nav-arrow::after {
    transform: rotate(225deg) !important;
    top: calc(50% - 1px) !important;
    color: var(--Original, #0056ff) !important;
  }
  /* Source www.a5idc.com homepage product intro artwork.
     Keep the exact source image rather than inventing a replacement. */
  body.a5idc-theme .a5-desktop-home .systemproduct-layoutcontainer
  .systemproducts-subclass .systemproduct-container
  .systemproduct-left-container .systemproduct-left-top {
    background-image: url("https://www.a5idc.com/img/t5uos-07xq4.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
  }
  /* The original footer stylesheet has display:none but the source's
     module.sidebar() JavaScript was not bundled in the independent theme.
     CSS hover/focus restores all three original panels. */
  body.a5idc-theme .online_Nav .online_navItem:hover > .hoverWindow,
  body.a5idc-theme .online_Nav .online_navItem:focus-within > .hoverWindow,
  body.a5idc-theme .online_Nav .online_navItem.a5-sidebar-open > .hoverWindow {
    display: block;
  }
  /* Bridge the original 10px gap between the icon and the flyout so moving
     the pointer onto a QQ link or the QR image does not dismiss the panel. */
  body.a5idc-theme .online_Nav .online_navItem > .hoverWindow::before {
    content: '';
    position: absolute;
    right: -12px;
    top: 0;
    width: 14px;
    height: 100%;
    background: transparent;
  }
  body.a5idc-theme .online_Nav .online_navItem > .onlineService:focus-visible {
    outline: 2px solid #0056ff;
    outline-offset: -2px;
  }
  /* Global img max-width:100% collapsed the QR into a narrow column in
     the independent theme; restore the original 108px square code. */
  body.a5idc-theme .online_Nav .onlineService_Body.officialAccount .onlineService_Title_Text {
    width: 120px;
    min-width: 120px;
  }
  body.a5idc-theme .online_Nav .onlineService_Body.officialAccount img.qrCode {
    width: 108px;
    height: 108px;
    max-width: none;
    object-fit: contain;
  }
}