/* ################################################################################################# */
/* HIDE RELOAD+BACK+FORDWARD BUTTONS/SHOW IN NAV BAR HOVER */
/* ################################################################################################# */

#reload-button,
#stop-button,
#back-button,
#forward-button{
  transition: opacity 300ms, margin 300ms !important;
  opacity: 0 !important;
  -moz-margin-end: -2em !important;
}

#nav-bar:hover #reload-button,
#nav-bar:hover #back-button,
#nav-bar:hover #forward-button,
#stop-reload-button[animate] > #reload-button,
#stop-button:not([disabled]){
  opacity: 1 !important;
  -moz-margin-end: initial !important;
}

#reload-button:not([displaystop]) + #stop-button{
  visibility: collapse;
  display: unset !important;
}

#back-button[disabled] > .toolbarbutton-icon,
#forward-button[disabled] > .toolbarbutton-icon{
  opacity: 0.4 !important;
}
#stop-reload-button:not([animate]) > #stop-button {list-style-image: url("chrome://browser/skin/stop.svg") !important;}
#stop-reload-button > #stop-button:hover {list-style-image: url("chrome://browser/skin/stop.svg") !important; }

#urlbar{
  margin-right: 0px !important;
  border-right:none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
#nav-bar:hover #urlbar:not(:focus-within),#nav-bar:hover #stop-reload-button{
  border-right-color: var(--lwt-toolbar-field-background-color) !important;
}
#stop-reload-button,
#back-button,
#forward-button{
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  padding:0 2px !important;
  min-height: 20px;
  border-top:1px solid var(--in-content-border-color) !important;
  border-bottom:1px solid var(--in-content-border-color) !important;
  background-color: var(--lwt-toolbar-field-background-color) !important;
}

#forward-button,#stop-reload-button{ border-right: 1px solid var(--in-content-border-color) !important;}
#stop-reload-button,#back-button{padding: 0 !important;margin-left: -1px !important;}
#urlbar-container:focus-within ~:-moz-any(#stop-reload-button,#back-button,#forward-button){border-color: var(--in-content-border-focus) var(--in-content-border-color) !important}
#nav-bar:hover #urlbar-container:focus-within ~ #forward-button,
#nav-bar:not(:hover) #urlbar-container:focus-within + #stop-reload-button{border-right-color: var(--in-content-border-focus) !important;}

/* Note, this padding will affect the whole toolbar height */
#back-button .toolbarbutton-icon,
#forward-button .toolbarbutton-icon,
#reload-button .toolbarbutton-icon,
#stop-button .toolbarbutton-icon{
  padding-top: 3px !important;
  padding-bottom:3px !important;
  height: unset !important;
  width: unset !important;

    }

/* ################################################################################################# */
/* URL BAR SIZE */
/* ################################################################################################# */

#forward-button+toolbarspring{-moz-box-flex:300 !important; max-width: none !important;}
#PopupAutoCompleteRichResult {
/* 30vw */
  max-width: 40vw !important;
  margin-left: 0px !important;}