/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toolbars_below_content.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Moves tabs toolbar, bookmarks toolbar and main toolbar to the bottom of the window, and makes tabs be the bottom-most toolbar */

/* By default, menubar will stay on top with two options to select it's behavior - see below */

@-moz-document url(chrome://browser/content/browser.xhtml){

  #titlebar{ -moz-appearance: none !important; }

  @media (-moz-os-version: windows-win10){
    :root[sizemode="maximized"][tabsintitlebar] :where(#browser,#customization-container,#toolbar-menubar){ margin-top: 8px }
  }

  #mainPopupSet,
  #browser,
  #customization-container
  ,#nav-bar, #PersonalToolbar/* Remove this row if you want tabs to be the top-most row */
  { -moz-box-ordinal-group: 0 }

  #toolbar-menubar{ position: fixed; display: flex; width: 100vw; top: 0px; }

  #toolbar-menubar > spacer{ flex-grow: 1 }

  #urlbar[breakout][breakout-extend]{
    display: flex !important;
    flex-direction: column-reverse;
    bottom: -2px !important; /* Change to 3-5 px if using compact_urlbar_megabar.css depending on toolbar density */
    top: auto !important;
  }

  .urlbarView-body-inner{ border-top-style: none !important; }

  /* Yeah, removes window controls. Likely not wanted on bottom row  */
  #TabsToolbar > .titlebar-buttonbox-container{ display: none }
  #toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 }

  /* Fullscreen mode support */
  #navigator-toolbox[inFullscreen]{ margin-top: 0 !important }
  #navigator-toolbox[inFullscreen][style*="margin-top"]{ visibility: collapse }
  #fullscr-toggler{ bottom: 0; top: unset !important; }
  
  /* These two rules exist for compatibility with autohide_toolbox.css */
  #navigator-toolbox{ bottom: -1px; transform-origin: bottom }

  /**************
  Menubar options
  ***************/

  /* Activate only ONE of the following */

  /* 1. Overlay menubar on top of web-content (default) */
  /* This should be used if menubar is disabled and Alt-key is used to activate it temporarily */

  #toolbar-menubar{ z-index: 1; background-color: var(--lwt-accent-color,black) }

  /* 2. Static menubar on top of the window, uncomment to enable this option */
  /* Use when menubar is enabled to always show it */

  /*
  #browser,#customization-container{ padding-top: 28px }
  */

  /* 3. Menubar below content, above tabs toolbar */
  /*
  #toolbar-menubar{ position: static; display: -moz-box; margin-top: 0px !important; }
  */

  /* set to "reverse" (without quotes) if you want tabs above menubar with option 3 */
  #titlebar{ -moz-box-direction: normal; }

}