/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
.compact-tree {

  .tree-field > & {
    margin-left: @mandatory-indicator-width;
  }

  & > .tree-data {
    position: relative;
    overflow: hidden;
    padding-top: 10px;

    & > .nodes {
      #scout.vendor(column-count, 2);
      #scout.vendor(column-gap, 24px);

      & > .section {
        margin-bottom: 30px;

        /* Use full width to enlarge touch area */
        width: 100%;

        &:last-child {
          margin-bottom: 0;
        }

        #scout.vendor(column-break-inside, avoid);
        break-inside: avoid-column;
        page-break-inside: avoid;

        /* Hack for FF, because column-break-inside does not yet work for all elements, only for tables */
        /* see: https://bugzilla.mozilla.org/show_bug.cgi?id=549114 */
        display: table;

        & > .title {
          font-weight: @title-font-weight;
        }

        & > .section-node {
          cursor: pointer;
          padding-top: 12px;

          &:hover {
            color: @hover-color;
          }
        }
      }
    }

    &:focus {
      #scout.no-focus-border;

      & > .nodes > .section > .section-node.selected {
        text-decoration: underline;
        color: @focus-color;
      }
    }
  }
}