/*
 * Integrazione pubblica ABAFR del viewer PDF.js 6.2.108.
 * La consultazione conserva navigazione, ricerca, stampa e download, ma non
 * presenta azioni che modifichino o sostituiscano il documento pubblicato.
 */

:root {
  --abafr-ui-background: light-dark(#fff, #323639);
  --abafr-ui-foreground: light-dark(#212121, #eee);
  --abafr-ui-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --toolbar-height: 44px;
  --icon-size: 20px;
  --main-color: var(--abafr-ui-foreground);
  --body-bg-color: transparent;
  --sidebar-narrow-bg-color: color-mix(in srgb, var(--abafr-ui-background) 90%, transparent);
  --sidebar-toolbar-bg-color: transparent;
  --toolbar-bg-color: transparent;
  --toolbar-border-color: color-mix(in srgb, var(--abafr-ui-foreground) 20%, transparent);
  --toolbar-box-shadow: none;
  --toolbar-border-bottom: 1px solid var(--toolbar-border-color);
  --toolbarSidebar-box-shadow: none;
  --toolbarSidebar-border-bottom: 1px solid var(--toolbar-border-color);
  --toolbar-icon-bg-color: var(--abafr-ui-foreground);
  --toolbar-icon-hover-bg-color: var(--abafr-ui-foreground);
  --dropdown-btn-bg-color: transparent;
  --separator-color: color-mix(in srgb, var(--abafr-ui-foreground) 30%, transparent);
  --field-color: var(--abafr-ui-foreground);
  --field-bg-color: color-mix(in srgb, var(--abafr-ui-background) 92%, transparent);
  --field-border-color: color-mix(in srgb, var(--abafr-ui-foreground) 35%, transparent);
  --doorhanger-bg-color: color-mix(in srgb, var(--abafr-ui-background) 96%, transparent);
  --doorhanger-border-color: color-mix(in srgb, var(--abafr-ui-foreground) 20%, transparent);
  --doorhanger-hover-color: var(--abafr-ui-foreground);
  --doorhanger-separator-color: color-mix(in srgb, var(--abafr-ui-foreground) 18%, transparent);
  --dialog-button-bg-color: color-mix(in srgb, var(--abafr-ui-foreground) 10%, transparent);
  --dialog-button-hover-bg-color: color-mix(in srgb, var(--abafr-ui-foreground) 20%, transparent);
}

body,
button,
input,
select,
textarea,
dialog,
#toolbarContainer,
#sidebarContainer,
.menu {
  font-family: var(--abafr-ui-font-family) !important;
}

#documentPropertiesToolbarButton::before {
  -webkit-mask-image: var(--secondaryToolbarButton-documentProperties-icon);
  mask-image: var(--secondaryToolbarButton-documentProperties-icon);
}

#downloadButton {
  aspect-ratio: unset;
  gap: 0.4rem;
  padding-inline: 0.55rem;
}

#downloadButton > span {
  display: inline-block;
  height: auto;
  overflow: visible;
  width: max-content;
}

#findbar {
  --doorhanger-bg-color: Canvas;
  background-color: Canvas;
}

#presentationModeToolbarButton {
  display: none;
}

:root.abafr-ios :is(#presentationModeToolbarButton, #presentationMode) {
  display: none !important;
}

#presentationModeToolbarButton::before {
  -webkit-mask-image: var(--toolbarButton-presentationMode-icon);
  mask-image: var(--toolbarButton-presentationMode-icon);
}

:root.page-pdf-fullscreen #presentationModeToolbarButton,
#presentationModeToolbarButton[aria-pressed="true"],
#presentationModeToolbarButton.toggled {
  background-color: var(--toolbar-icon-hover-bg-color, rgba(128, 128, 128, 0.25)) !important;
  border-radius: 4px;
}

#secondaryToolbar .toolbarButton.labeled {
  font-size: 0.8em;
}

#editorModeButtons,
#editorModeSeparator,
#secondaryOpenFile,
#viewsManagerAddFileButton,
#viewsManagerStatus {
  display: none !important;
}

@media all and (max-width: 750px) {
  :root {
    --toolbar-height: 48px;
    --icon-size: 22px;
  }

  #toolbarViewerLeft > :is(#viewsManagerToggleButton, .toolbarButtonSpacer),
  #toolbarViewerLeft > .toolbarHorizontalGroup:has(#previous),
  #toolbarViewerLeft > .toolbarHorizontalGroup:has(#pageNumber),
  #toolbarViewerMiddle,
  #secondaryToolbarToggle {
    display: none !important;
  }

  #outerContainer #toolbarViewerRight > .toolbarHorizontalGroup.hiddenMediumView {
    display: flex !important;
  }

  #documentPropertiesToolbarButton {
    display: none !important;
  }

  #presentationModeToolbarButton {
    display: flex !important;
  }

  #downloadButton {
    aspect-ratio: 1;
    gap: 0;
    padding-inline: 0;
  }

  #downloadButton > span {
    display: none;
  }
}

@media screen and (forced-colors: active) {
  :root {
    --main-color: CanvasText;
    --body-bg-color: transparent;
    --toolbar-icon-bg-color: ButtonText;
    --toolbar-icon-hover-bg-color: ButtonFace;
    --toolbar-border-color: CanvasText;
    --field-color: CanvasText;
    --field-bg-color: Canvas;
    --field-border-color: ButtonText;
    --doorhanger-bg-color: Canvas;
    --doorhanger-border-color: CanvasText;
    --doorhanger-hover-color: ButtonFace;
  }
}