/*
  Extension: Window Controls / Client Side Decorations (CSD)
  Description: This brings the window controls into the main bar (where the address bar exists). Please see the prefs.css folder for switching the sides from left to right. 
  Repository URL: https://github.com/drannex42/FirefoxSidebar
  Contributors: Mr-nUUb, Xanaxus, Drannex42
  Issue URL: https://github.com/drannex42/FirefoxSidebar/issues/14
*/

/* allow the buttons to appear */
.browser-toolbar {
  position: unset !important;
}

/* reserve space for buttons */
#nav-bar {
  padding-right: var(--csd-margin-right) !important;
  margin-left: var(--csd-margin-left) !important;
}

/* move buttons next to menu button */
.titlebar-buttonbox-container {
  visibility: visible !important;
  position: fixed !important;
  display: block;
  z-index: 999999999;
  top: var(--csd-top, inherit);
  right: var(--csd-right, inherit);
  left: var(--csd-left, inherit);
  max-width: var(--csd-width);
}

/* hide buttons in fullscreen mode (video player and F11) */
#main-window[inFullscreen="true"] .titlebar-buttonbox-container,
#main-window[inDOMFullscreen="true"] .titlebar-buttonbox-container {
  visibility: hidden !important;
}

/* remove empty space when in fullscreen mode (F11) */
#main-window[inFullscreen="true"] #nav-bar {
  padding-right: 0px !important;
  margin-left: 0px !important;
}
/* END Client Side Decorations / Window Controls */