/* 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/panelUIOverlay.inc.css

.panel-subviews {
  background-color: -moz-field;
}

#PanelUI-contents #zoom-out-btn {
  padding-left: 12px;
  padding-right: 12px;
}

#PanelUI-contents #zoom-in-btn {
  padding-left: 12px;
  padding-right: 12px;
}

/* bookmark panel submenus */

#BMB_bookmarksPopup menupopup[placespopup=true] {
  -moz-appearance: none;
  background: transparent;
  border: none;
  padding: 6px;
}

#BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
  /* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
  background: var(--panel-arrowcontent-background);
  border: var(--panel-arrowcontent-border);
  border-radius: 3.5px;
  margin-top: -4px;
}

#BMB_bookmarksPopup menupopup {
  padding-top: 2px;
}

/* Add some space at the top because there are no headers: */
#BMB_bookmarksPopup menupopup[placespopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox  {
  padding-top: 4px;
}

/* bookmark panel separator */
#BMB_bookmarksPopup menuseparator {
  padding-top: 0;
  padding-bottom: 0;
}

.subviewbutton > .menu-right,
.subviewbutton > .menu-iconic-left {
  padding-top: 1px;
  margin-top: 1px;
  margin-bottom: 2px;
}

/* Disabled empty item looks too small otherwise, because it has no icon. */
menuitem.subviewbutton[disabled]:not(.menuitem-iconic),
/* Same for checkbox menu items, whose icons lose size due to -moz-appearance: none: */
menuitem[type="checkbox"].subviewbutton {
  /* This is 16px for an icon + 3px for its margins + 1px for its padding +
   * 2px for its border, see above */
  min-height: 22px;
}

.subviewbutton > .toolbarbutton-text {
  padding-top: 3px;
  padding-bottom: 3px;
}

.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button {
  -moz-appearance: none;
  border: 0;
  -moz-margin-start: 3px;
}

.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
  padding: 0 2px;
  -moz-padding-start: 0;
  height: 18px;
}

.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  padding: 0 6px;
}

.subviewbutton > .toolbarbutton-text {
  -moz-padding-start: 16px;
}

.subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item) > .toolbarbutton-text {
  -moz-padding-start: 0;
}

/* subviewbutton entries for social sidebars have images that come from external
/* sources, and are not guaranteed to be the size we want, so force the size on
/* those icons. */
toolbarbutton.social-provider-menuitem > .toolbarbutton-icon {
  width: 16px;
  height: 16px;
}

.subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item)[checked="true"] > .toolbarbutton-icon {
  visibility: hidden;
}

menu.subviewbutton > .menu-right {
  -moz-appearance: none;
  list-style-image: url(chrome://browser/skin/customizableui/menu-arrow.svg#arrow);
  /* Reset the rect we inherit from the button: */
  -moz-image-region: auto;
}

menu[disabled="true"].subviewbutton > .menu-right {
  list-style-image: url(chrome://browser/skin/customizableui/menu-arrow.svg#arrow-disabled);
}

@media not all and (-moz-windows-default-theme) {
  menu[_moz-menuactive].subviewbutton > .menu-right {
    list-style-image: url(chrome://browser/skin/customizableui/menu-arrow.svg#arrow-hover);
  }
}

menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) {
  transform: scaleX(-1);
}

/* Win8 and beyond. */
@media not all and (-moz-os-version: windows-xp) {
  @media not all and (-moz-os-version: windows-vista) {
    @media not all and (-moz-os-version: windows-win7) {
      panelview .toolbarbutton-1,
      .subviewbutton,
      .widget-overflow-list .toolbarbutton-1,
      .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button,
      #BMB_bookmarksPopup menupopup[placespopup=true] > hbox,
      #edit-controls@inAnyPanel@,
      #zoom-controls@inAnyPanel@,
      #edit-controls@inAnyPanel@ > toolbarbutton,
      #zoom-controls@inAnyPanel@ > toolbarbutton {
        border-radius: 0;
      }
    }
  }
}

@media not all and (-moz-windows-default-theme) {
  #edit-controls@inAnyPanel@ > #copy-button,
  #zoom-controls@inAnyPanel@ > #zoom-reset-button,
  .toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton {
    border: 1px solid transparent;
  }

  panelview .toolbarbutton-1@buttonStateHover@,
  .widget-overflow-list .toolbarbutton-1@buttonStateHover@,
  .toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton@buttonStateHover@ {
    border-color: ThreeDLightShadow !important;
  }

  toolbarbutton.subviewbutton@buttonStateHover@,
  menu.subviewbutton@menuStateHover@,
  menuitem.subviewbutton@menuStateHover@ {
    border-color: Highlight;
  }

  panelview:not(#PanelUI-mainView) .toolbarbutton-1@buttonStateHover@,
  toolbarbutton.subviewbutton@buttonStateHover@,
  menu.subviewbutton@menuStateHover@,
  menuitem.subviewbutton@menuStateHover@,
  .widget-overflow-list .toolbarbutton-1@buttonStateHover@ {
    background-color: Highlight;
    color: highlighttext;
  }

  panelview .toolbarbutton-1:-moz-any(@buttonStateActive@,[checked=true]),
  toolbarbutton.subviewbutton@buttonStateActive@,
  menu.subviewbutton@menuStateActive@,
  menuitem.subviewbutton@menuStateActive@,
  .widget-overflow-list .toolbarbutton-1@buttonStateActive@,
  .toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton@buttonStateActive@ {
    background-color: Highlight;
    border-color: ThreeDLightShadow;
    color: highlighttext;
    box-shadow: none;
  }

  panelview .toolbarbutton-1[disabled],
  toolbarbutton.subviewbutton[disabled],
  menu.subviewbutton[disabled],
  menuitem.subviewbutton[disabled],
  .widget-overflow-list .toolbarbutton-1[disabled],
  .toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton[disabled] {
    text-shadow: none;
  }

  #PanelUI-fxa-label,
  #PanelUI-help,
  #PanelUI-customize {
    border: 1px solid transparent;
  }

  #PanelUI-fxa-label:not([disabled]):hover,
  #PanelUI-help:not([disabled]):hover,
  #PanelUI-customize:hover,
  #PanelUI-fxa-label:not([disabled]):hover:active,
  #PanelUI-help:not([disabled]):hover:active,
  #PanelUI-customize:hover:active {
    border-color: ThreeDLightShadow;
    box-shadow: none;
  }

  #BMB_bookmarksPopup .menu-text,
  #BMB_bookmarksPopup menupopup {
    color: -moz-FieldText;
  }

  #BMB_bookmarksPopup .subviewbutton[disabled=true] > .menu-text {
    color: GrayText;
  }

  #BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
    box-shadow: none;
    background: -moz-field;
    border: 1px solid ThreeDShadow;
  }

  .subviewbutton.panel-subview-footer,
  #BMB_bookmarksPopup .subviewbutton.panel-subview-footer {
    color: ButtonText;
  }

  .subviewbutton@menuStateMenuActive@,
  menuitem.panel-subview-footer@menuStateHover@,
  .subviewbutton.panel-subview-footer@buttonStateHover@,
  .subviewbutton.panel-subview-footer@buttonStateActive@,
  .subviewbutton@menuStateHover@ > .menu-accel-container,
  .PanelUI-subView .subviewbutton[shortcut]@buttonStateHover@::after,
  #BMB_bookmarksPopup .panel-subview-footer@menuStateMenuActive@ > .menu-text {
    background-color: Highlight;
    color: highlighttext !important;
  }
}
