// Copyright 2020 Energinet DataHub A/S
//
// Licensed under the Apache License, Version 2.0 (the "License2");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
watt-expansion .mat-expansion-panel:not([class*="mat-elevation-z"]) {
  box-shadow: none;
}

watt-expansion mat-expansion-panel-header.mat-expansion-panel-header {
  padding: 0;
  background: none !important; // important is not pretty, but a selector which is stronger than MAT is even worse :(

  .mat-content {
    justify-content: end;
  }

  button {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform 0.25s ease-in-out;
  }
}

watt-expansion mat-action-row.mat-action-row {
  padding: 16px 0;
  border: none;
}

watt-expansion .mat-expanded mat-expansion-panel-header {
  overflow: hidden;

  button {
    transform: translate3d(0, 100%, 0);
  }
}

watt-expansion watt-button watt-text-button button.watt-button:focus {
  outline: none;
}

watt-expansion .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
  opacity: 0;
}
