/**
 * @file
 * Visual styles for tabs.
 */
.block-local-tasks-block {
  position: fixed;
  inset: var(--gin-toolbar-secondary-height, 0) 0 auto var(--gin-toolbar-x-offset, 0);
  z-index: 105;
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(12px);

  & nav {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 16px;

    .tabs {
      padding: 16px 0 !important;
      margin: 0 !important;
      display: flex;
      list-style: none;
      gap: 4px;

      a {
        display: block;
        padding: 6px 12px;
        font-size: 16px;
        line-height: 1.2;
        border-radius: 1em;
        color: var(--bs-secondary-color);
        text-decoration: none;
        font-weight: 600;
      }

      & li.is-active > a,
      & a.is-active,
      & a:hover {
        color: var(--heading-color);
        background-color: rgba(var(--bs-primary-rgb), 0.3);
      }
    }
  }
}

/**
 * Push content down to make room for admin bars.
 */
body.user-logged-in.frontend {
  padding-top: calc(64px + var(--gin-toolbar-secondary-height, 0)) !important;

  & .gin-secondary-toolbar {
    position: fixed;
    left: 0;
    right: 0;
  }
}