/* Show title of unread tabs with red and italic font */
:root.sidebar tab-item.unread .label-content {
  font-style: italic !important;
}

/* Less visible tab dividers. 
   A black border with a very low alpha slightly darkens any color. */
tab-item {
  border: solid 1px #0000008e; 
}

/* Change styling of pending (unloaded) tabs */
tab-item.discarded {
  opacity: 0.5;
}

tab-item.discarded .label-content {
  opacity: 0.5;
}

:root.right tab-item tab-twisty {
  order: -1;
}
:root.right tab-item tab-closebox {
  order: 10000;
}

/* "#tabbar" is required for TST 3.4.0 and later! */
#tabbar tab-item:not(:hover) tab-closebox {
  display: none;
}

/* As little space before the tab name as possible.
   The fold/unfold icon is not affected. */
tab-item:not(.pinned) {
  padding-left: 6px !important;
}
tab-item:not(.pinned) .label-content {
  padding-left: 2px;
}

tab-item tab-twisty {
  margin-right: -1em;
  opacity: 0 !important;
  position: relative;
  z-index: 10000;
}

:root[theme="photon"], #background {
  background-color: #2a2a2e;
}