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

@import url("chrome://messenger/skin/shared/tabmail.css");

/**
 * Tabmail Tabs
 */

#tabs-toolbar:not(:-moz-lwtheme) {
  color: #333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.4);
}

/**
 * Tab
 */

.tab-label {
  margin-top: 1px;
  margin-bottom: 0;
}

.tabmail-tab[type="glodaSearch"] .tab-icon-image {
  transform: scaleX(-1);
}

.tabmail-tab:not(:hover) .tab-icon-image:not([selected="true"]) {
  opacity: .9;
}

.tab-label-container:not([selected="true"]) {
  opacity: .7;
}

.tabmail-tab,
.tabs-newtab-button {
  font: message-box;
  font-size: inherit;
  border: none;
}

/* override the selected tab toolkit color/text-shadow */
.tabmail-tab[selected="true"]:not(:-moz-lwtheme) {
  color: #333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.4);
}

.tabmail-tab[selected="true"]:not(:-moz-lwtheme) {
  -moz-font-smoothing-background-color: var(--toolbar-bgcolor);
}

.tabmail-tab:focus .tab-label-container {
  outline: var(--focus-outline);
}

#tabmail-tabs {
  align-items: stretch;
  font-size: inherit;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

:root[tabsintitlebar]:not([sizemode="fullscreen"]) #tabmail-tabs {
  position: unset;
}

tabmail > tabbox > tabpanels {
  appearance: none !important;
}

/**
 * Tab Scrollbox Arrow Buttons
 */

#tabmail-arrowscrollbox::part(scrollbutton-up),
#tabmail-arrowscrollbox::part(scrollbutton-down) {
  padding: 0 4px !important;
  margin: 0 0 var(--tabs-tabbar-border-size) !important;
}

#tabmail-arrowscrollbox:not([scrolledtostart=true])::part(scrollbutton-up):hover,
#tabmail-arrowscrollbox:not([scrolledtoend=true])::part(scrollbutton-down):hover {
  background-image: linear-gradient(transparent, rgba(0,0,0,0.15));
}

#tabmail-arrowscrollbox:not([scrolledtostart=true])::part(scrollbutton-up):hover:active,
#tabmail-arrowscrollbox:not([scrolledtoend=true])::part(scrollbutton-down):hover:active {
  background-image: linear-gradient(transparent, rgba(0,0,0,0.3));
}

#tabs-toolbar[brighttext]
  #tabmail-arrowscrollbox:not([scrolledtostart=true])::part(scrollbutton-up):hover,
#tabs-toolbar[brighttext]
  #tabmail-arrowscrollbox:not([scrolledtoend=true])::part(scrollbutton-down):hover {
  background-image: linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0.25));
}

#tabs-toolbar[brighttext]
  #tabmail-arrowscrollbox:not([scrolledtostart=true])::part(scrollbutton-up):hover:active,
#tabs-toolbar[brighttext]
  #tabmail-arrowscrollbox:not([scrolledtoend=true])::part(scrollbutton-down):hover:active {
  background-image: linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0.35));
}

#tabmail-arrowscrollbox[scrolledtostart=true]::part(scrollbutton-up),
#tabmail-arrowscrollbox[scrolledtoend=true]::part(scrollbutton-down) {
  --toolbarbutton-icon-fill-opacity: .5;
  background-image: none;
}

/* Tab Overflow */
#tabmail-arrowscrollbox:not([scrolledtostart])::part(arrowscrollbox-overflow-start-indicator),
#tabmail-arrowscrollbox:not([scrolledtoend])::part(arrowscrollbox-overflow-end-indicator) {
  margin-bottom: 0;
}

/**
 * All Tabs Buttons
 */

.tabs-alltabs-box {
  margin: 0;
}

/**
 * All Tabs Menupopup
 */

@media (min-resolution: 1.1dppx) {
  alltabs-item[busy] {
    list-style-image: url("chrome://global/skin/icons/loading@2x.png") !important;
  }
}

/* Content Tabs */
.contentTabAddress {
  height: 31px;
  padding-left: 10px;
  padding-right: 10px;
}

.contentTabUrlbarInput {
  background-image: none;
}