/* =============================================
   Rethink Trade – PDF.js Viewer Overrides
   ============================================= */

/* --- Viewer background (the gray surround) --- */
body {
    background-color: #D8E9F0; /* blue-gray */
}

/* --- Hide unused toolbar buttons --- */
#openFile,
#editorFreeText,
#editorInk,
#editorStamp,
#editorHighlight,
#editorSignature,
#editorComment,
#presentationMode,
#viewsManagerToggleButton,
#secondaryToolbarToggleButton {
    display: none !important;
}

/* --- Toolbar background --- */
#toolbarContainer {
    background-color: #031B44;
    box-shadow: none;
    border-bottom: 2px solid #F7B748;
}

/* --- All toolbar icons white --- */
#toolbarContainer .toolbarButton::before {
    background-color: #FFFFFF;
    opacity: 0.85;
}

#toolbarContainer .toolbarButton:is(:hover, :focus-visible)::before {
    background-color: #F7B748;
    opacity: 1;
}

#toolbarContainer .toolbarButton:is(:hover, :focus-visible) {
    background-color: rgba(247, 183, 72, 0.15);
}

/* --- Page number field --- */
#toolbarContainer .toolbarField {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(247, 183, 72, 0.5);
    color: #FFFFFF;
    border-radius: 3px;
}

#toolbarContainer .toolbarField:focus {
    border-color: #F7B748;
    outline: none;
}

/* --- "of X" page label --- */
#toolbarContainer .toolbarLabel {
    color: rgba(255, 255, 255, 0.7);
}

/* --- Zoom dropdown --- */
.dropdownToolbarButton {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.dropdownToolbarButton > select {
    background-color: transparent;
    color: #FFFFFF;
}

.dropdownToolbarButton::after {
    background-color: #FFFFFF;
}

.dropdownToolbarButton:is(:hover, :focus-visible, :active) > select {
    background-color: rgba(247, 183, 72, 0.15);
    color: #F7B748;
}

/* --- Separator lines --- */
.verticalToolbarSeparator {
    border-left-color: rgba(255, 255, 255, 0.2);
}

/* --- Loading bar --- */
#loadingBar .progress {
    background-color: #F7B748;
}

#loadingBar {
    background-color: #031B44;
    border-bottom-color: transparent;
}

/* --- Find bar --- */
#findbar {
    background-color: #031B44;
    border-top: 1px solid #F7B748;
}

#findbar .toolbarField {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(247, 183, 72, 0.5);
    color: #FFFFFF;
}

#findbar .toolbarButton::before {
    background-color: #FFFFFF;
}

/* --- Secondary toolbar (overflow menu) --- */
#secondaryToolbar {
    background-color: #031B44;
    border: 1px solid rgba(247, 183, 72, 0.4);
}

#secondaryToolbar .toolbarButton {
    color: #FFFFFF;
}

#secondaryToolbar .toolbarButton::before {
    background-color: #FFFFFF;
}

#secondaryToolbar .toolbarButton:hover {
    background-color: rgba(247, 183, 72, 0.15);
}

#secondaryToolbar .horizontalToolbarSeparator {
    border-top-color: rgba(255, 255, 255, 0.15);
}

@media (max-width: 750px) {
  #outerContainer .hiddenMediumView {
    display: inline-flex !important;
  }
}