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

.panel-subviews {
  background-color: hsla(0,0%,100%,.97);
}

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

.subviewbutton {
  padding-inline-start: 18px;
}

photonpanelmultiview .toolbaritem-combined-buttons > label {
  padding-inline-start: 42px; /* 18px toolbarbutton padding + 16px icon + 8px label padding start */
}

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

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

.subviewbutton[checked="true"] {
  background-position: top 7px left 4px;
}

.subviewbutton[checked="true"]:-moz-locale-dir(rtl) {
  background-position: top 7px right 4px;
}

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

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

menu.subviewbutton > .menu-right > image {
 /* We don't want the arrow to highlight when the .subviewbutton is hovered,
  * so we set the -moz-appearance rule on the image
  * (which doesn't inherit the _moz-menuactive attribute) instead.
  */
  -moz-appearance: menuarrow;
}

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

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

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

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

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