/* 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/. */

%include ../../shared/customizableui/panelUI.inc.css
%include ../../shared/customizableui/panelUI-custom-colors.inc.css

.restoreallitem > .toolbarbutton-icon {
  display: none;
}

@supports not -moz-bool-pref("browser.proton.enabled") {
.subviewbutton {
  padding-inline-start: 18px;
}

.subviewbutton.download {
  padding-inline-start: 14px;
}
} /** END not Proton **/

panelmultiview .toolbaritem-combined-buttons > spacer.before-label {
  width: 42px; /* 18px toolbarbutton padding + 16px icon + 8px label padding start */
}

#appMenu-addon-banners > .addon-banner-item,
#appMenu-mainView > .panel-subview-body > .panel-banner-item {
  padding-inline-start: 18px;
}

#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label {
  /* 18px space before the avatar, then 16px for the avatar */
  padding-inline-start: 34px;
  margin-inline-start: -34px;
}

#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-avatar {
  margin-inline-start: 18px;
}

.subviewbutton:not([image],[targetURI],.bookmark-item) > .menu-iconic-left {
  display: none;
}

#BMB_bookmarksPopup menupopup[placespopup=true]:-moz-lwtheme {
  appearance: none;
  background: transparent;
}

#BMB_bookmarksPopup menupopup[placespopup=true]:-moz-lwtheme::part(innerbox) {
  background: var(--arrowpanel-background);
  border-radius: var(--arrowpanel-border-radius);
  box-shadow: 0 0 0 1px var(--arrowpanel-border-color);
  color: var(--arrowpanel-color);
  border: none;
  margin: 1px;
}

/* Override OSX-specific toolkit styles for the bookmarks panel */
menu.subviewbutton > .menu-right {
  margin-inline-end: -4px;
  appearance: none;
}

.PanelUI-subView menuseparator,
.cui-widget-panelview menuseparator {
  padding: 0 !important;
}

.PanelUI-remotetabs-clientcontainer > label[itemtype="client"] {
  padding-inline-start: 6px;
}

.PanelUI-remotetabs-notabsforclient-label {
  margin-inline-start: 19px;
  font-size: 13px;
}

#PanelUI-remotetabs[mainview] .PanelUI-remotetabs-notabsforclient-label {
  margin-inline-start: 23px;
}

#PanelUI-remotetabs-tabslist {
  padding-bottom: 4px;
}

.panel-button {
  appearance: none;
  border-radius: 2px;
  background-color: var(--arrowpanel-dimmed);
  color: inherit;
  padding: 2px 6px;
}

.panel-button@buttonStateHover@ {
  background-color: var(--arrowpanel-dimmed-further);
}

.panel-button@buttonStateActive@ {
  background-color: var(--arrowpanel-dimmed-even-further);
}

.panel-button:-moz-focusring {
  box-shadow: var(--focus-ring-box-shadow);
}
