/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

#placesList {
  width: 200px;
  min-width: 100px;
  max-width: 400px;
}

/* Toolbar */

@media (-moz-menubar-drag) {
  #placesToolbar {
    -moz-window-dragging: drag;
  }
}

#placesToolbar > toolbarbutton > .toolbarbutton-icon {
  -moz-context-properties: fill;
  fill: currentColor;
}

/* Back and forward buttons */

#back-button {
  list-style-image: url("chrome://browser/skin/back.svg");
}

#forward-button {
  list-style-image: url("chrome://browser/skin/forward.svg");
}

#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
  transform: scaleX(-1);
}

/* Menus */
#placesMenu > menu {
  padding-inline-start: 4px;
  appearance: auto;
  -moz-default-appearance: toolbarbutton;
}

#placesMenu > menu:hover {
  color: ButtonText;
}

#placesMenu > menu:active,
#placesMenu > menu[open] {
  color: -moz-buttonactivetext;
}

#placesMenu > menu::after {
  display: flex;
  width: 12px;
  height: 12px;
  content: url("chrome://global/skin/icons/arrow-down-12.svg");
  -moz-context-properties: fill;
  fill: currentColor;
}

/* Root View */
#placesView {
  background-color: Window;
}

/* Info box */
#infoBox:not([hidden="true"]) {
  display: block;
}

#editBookmarkPanelContent {
  grid-template-columns: auto 1fr;
}

#editBookmarkPanelContent .caption-label:not([hidden="true"]) {
  display: block;
  grid-column: 2;
}

#editBookmarkPanelContent input,
.expander-up,
.expander-down {
  margin: 4px;
}

#editBookmarkPanelContent label {
  align-self: center;
}

#editBMPanel_itemsCountText {
  grid-column: auto / span 2;
  justify-self: center;
}

#editBMPanel_tagsSelectorRow {
  grid-column: auto / span 2;
}

#detailsPane {
  min-height: 16em;
  padding: 5px;
}

/* Expanders */

.expander-up,
.expander-down {
  min-width: 0;
  padding: 2px 0;
  padding-inline-start: 2px;
}

.expander-up > .button-box {
  appearance: auto;
  -moz-default-appearance: button-arrow-up;
}

.expander-down > .button-box {
  appearance: auto;
  -moz-default-appearance: button-arrow-down;
}

/* Downloads pane */
#clearDownloadsButton > .toolbarbutton-icon {
  display: none;
}