/*
 * Copyright 2023 Harness, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * 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.
 */

.folderContent {
  padding: 0 var(--spacing-xlarge) var(--spacing-xlarge) var(--spacing-xlarge) !important;

  .table {
    background-color: var(--white) !important;
    :global([class*='TableV2--row']:last-child) {
      border-bottom-left-radius: 4px !important;
      border-bottom-right-radius: 4px !important;
    }
    [class*='TableV2--header'] {
      box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);

      [class*='variation-table-headers'] {
        text-transform: none;
        color: var(--grey-400);
        font-weight: 500;
        font-size: 13px;
      }
    }

    .row {
      justify-content: center;
      padding-top: 0;
      padding-bottom: 0px;
      height: 40px;
      box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
      overflow: hidden;
      border-radius: 0;
      margin-bottom: 0;

      .rowText {
        font-size: 13px;
        font-weight: 400;
      }
    }
  }

  .readmeContainer {
    margin-top: var(--spacing-xlarge) !important;
    box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
    border-radius: 4px;

    .heading {
      border-bottom: 1px solid var(--grey-100);
      align-items: center;
      padding-left: var(--spacing-large) !important;
    }

    .readmeContent {
      padding: var(--spacing-xxlarge) !important;
    }
  }

  .commitMsgLayout {
    align-items: center;
    padding-right: var(--spacing-large);
    max-width: calc(100% - 80px);
  }

  .linkContainer {
    display: inline-block;

    &.noShrink {
      flex-shrink: inherit;
    }

    .link {
      color: var(--primary-7) !important;

      &,
      .text {
        font-size: 13px;
        font-weight: 400;
        cursor: pointer !important;
        color: var(--black) !important;
      }

      .text:hover {
        color: var(--primary-7) !important;
      }

      .text.hightlight {
        color: var(--primary-7) !important;
      }
    }
  }
}
.commitContainer {
  :global {
    .bp3-popover-target {
      [class*='StyledProps--font'] {
        color: var(--grey-600) !important;
      }
    }
  }
}

.fileIcon {
  color: var(--grey-600) !important;
}
