/* Change the admin toolbar extra tools module icon to the CC logo instead of the Drupal logo */
.toolbar-icon-9 .toolbar-icon-admin-toolbar-tools-help::before, .toolbar-icon-10 .toolbar-icon-admin-toolbar-tools-help::before {
  background-image: url(../icons/cc.svg)!important;
}

@media only screen and (max-width: 60.999em) {
  /* Keep the narrow toolbar to one row until Drupal's 61em wide breakpoint. */
  .toolbar-vertical .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
    width: 4em;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    text-indent: -9999px;
  }

  .toolbar-vertical .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon::before {
    left: 0;
    width: 100%;
    background-size: 42% auto;
  }

  [dir="rtl"] .toolbar-vertical .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon::before {
    right: 0;
    left: auto;
  }

  /*
   * Core positions narrow trays below its 2.5rem toolbar but gives them the
   * full viewport height. Keep trays inside the remaining viewport, and let
   * the short account menu use only the height its links need.
   */
  .toolbar-vertical .toolbar .toolbar-tray-vertical.is-active {
    height: calc(100vh - 2.5rem);
    height: calc(100dvh - 2.5rem);
  }

  .toolbar-vertical .toolbar #toolbar-item-user-tray.toolbar-tray-vertical.is-active {
    height: auto;
    max-height: calc(100vh - 2.5rem);
    max-height: calc(100dvh - 2.5rem);
  }
}