/*!
    *
    * Wijmo Library 5.20261.50
    * https://developer.mescius.com/wijmo
    *
    * Copyright(c) MESCIUS inc. All rights reserved.
    *
    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
    * us.sales@mescius.com
    * https://developer.mescius.com/wijmo/licensing
    *
    */

@use "../misc/variables";

// wijmo.grid.grouppanel
.wj-grouppanel {
  display: block;
  background: variables.$wj-cell-grp-bkg;
  padding: 15px;
  min-height: 1em; // workaround for IE11 bug (reported by OutSystems)
  .wj-groupplaceholder {
    color: variables.$wj-tooltip-txt;
  }
  .wj-groupmarker {
    margin-right: 10px;
    padding: 6px 16px;
    border: variables.$wj-cell-bdr;
    cursor: pointer;

    &:hover {
      background: variables.$wj-hdr-hvr;
    }
    &:focus {
      @if variables.$wj-group-focus {
        outline: 2px dotted variables.$wj-group-focus;
        outline-offset: -2px;
      } @else {
        outline: 1px dotted variables.$wj-hdr-txt;
        outline-offset: -1px;
      }

      @media (forced-colors: active) {
        outline: 2px dotted variables.$wj-hdr-txt;
        outline-offset: -2px;
      }
    }
    .wj-glyph-drag {
      margin: 0 10px 0 0;
    }

    .wj-filter {
      margin: 0 0 0 10px;
      cursor: pointer;
      opacity: 0.5;

      &:hover,
      &.wj-filter-on {
        opacity: 1;
      }
    }

    .wj-remove {
      cursor: pointer;
      opacity: 0.8;
      padding: 12px 0 12px 12px;

      &:hover {
        opacity: 1;
      }
    }

    span {
      opacity: 0.5;

      &:hover {
        opacity: 1;
      }
    }
  }

  &.wj-rtl {
    .wj-groupmarker {
      .wj-glyph-drag {
        margin: 0 0 0 10px;
      }

      .wj-filter {
        margin: 0 10px 0 0;
      }

      .wj-remove {
        padding: 12px 12px 12px 0;
      }
    }
  }
  &:focus-visible {
    outline: 2px dotted variables.$wj-txt;
    outline-offset: -2px;
  }
}
@media (forced-colors: active) {
  .wj-grouppanel {
    border: 1px solid WindowText;
  }
}