/* UCN v0.8 — Native Popover Prototype */

header nav .ng-characters-menu #ucn-characters-trigger {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
}

header nav .ng-characters-menu #ucn-characters-trigger:hover,
header nav .ng-characters-menu:has(
    #ucn-characters-popover:popover-open
) #ucn-characters-trigger {
    color: var(--gold, #dfbd81);
}

header nav .ng-characters-menu #ucn-characters-popover {
    position: fixed !important;
    inset: auto !important;
    top: var(--ucn-pop-top, 150px) !important;
    left: var(--ucn-pop-left, 12px) !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
    translate: none !important;
    box-sizing: border-box;
    max-height: calc(
        100dvh - var(--ucn-pop-top, 150px) - 12px
    );
    overflow-y: auto;
    overscroll-behavior: contain;
}

header nav .ng-characters-menu
#ucn-characters-popover:not(:popover-open) {
    display: none !important;
}

header nav .ng-characters-menu
#ucn-characters-popover:popover-open {
    display: block !important;
}

/* UCN v1.0.31 — Characters optical baseline.
   Desktop only. Preserve native popover behaviour. */

@media (min-width: 901px) {
  body > header nav .ng-characters-menu
  #ucn-characters-trigger {
    translate: 0 4px !important;
  }
}