.views-field-rendered-entity h2 {
  font-size: 20px;
}

/* Add class to views with a headers above a table */
.view-table-format {
  .view-header {
    font-weight: 600;
    text-transform: uppercase;
  }
}

/* Vet Center Locations List table - straightens multiple table column alignment */
.node--type-vet-center-locations-list .views-field.views-field-title {
  width: 80%;
}

/* Non-clinical services view - block displays */
.field--name-field-non-clinical-services {
  background-color: var(--va-white);
}

.view-grouping.node--unpublished {
  margin: 0;
  padding: 0;
}

.view-non-clinical-services {
  .view-empty {
    border: 1px solid var(--va-gray-darkest);
    border-radius: 2px;
    margin: 1em 0;
    padding: 1em 1.5em;
  }

  .view-grouping-content {
    border: 1px solid var(--va-gray-darkest);
    border-radius: 2px;
    margin: 1em 0;
    padding: 1em 1.5em;

    .view-grouping-content {
      border: 0;
      margin: 0;
      padding: 0;
    }

    .views-row {
      margin: 2em 0;

      .views-field-views-conditional-field-1 {
        margin-bottom: var(--spacing-s);
      }

      .location-details span:not(:first-child)::before {
        content: ", ";
      }

      .address {
        margin-bottom: 0;

        br,
        span {
          &:last-child {
            display: none;
          }
        }
      }
    }
  }
}

/* Views exposed form with inline action button */
.exposed-filter-flex {
  display: flex;

  .form-actions {
    align-self: flex-end;
  }
}

.views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions {
  // force buttons to new line
  flex-basis: 100%;
  margin-top: 0;
}

// fixes fieldset display inside views exposed forms
.views-exposed-form {
  fieldset.form-wrapper {
    border: unset;
    box-shadow: none;
    margin-right: var(--space-xs);
  }

  .fieldset__legend {
    display: block;
    margin: 0;
  }

  .fieldset__label {
    line-height: var(--line-height-form-label);
    margin-bottom: calc(var(--space-xs) / 2);
    margin-top: calc(var(--space-xs) / 2);
    padding: 0;
  }

  .fieldset__wrapper {
    margin: 0;
  }

  .form-item {
    margin-bottom: var(--space-xs);
    margin-top: 0;
  }
}

//Adding button css to views
.views-field-nothing,
.views-field-field-content-block {
  @include va-basic-styling;
}

//fixes export button
.csv-feed .feed-icon {
  @include button(
    var(--button-bg-color--primary),
    var(--button-fg-color--primary),
    var(--button--hover-bg-color--primary),
    var(--button--active-bg-color--primary)
  );

  background-image: none;
  text-indent: unset;
  width: auto;
}

.view-display-id-facility_status_page {
  td.views-field-field-operating-status-more-info,
  th.views-field-field-operating-status-more-info,
  td.views-field-field-supplemental-status-more-i,
  th.views-field-field-supplemental-status-more-i {
    max-width: 30vw;
  }
}

.views-bulk-actions {
  background: #f1f1f1;
  border: 0.5px #dedfe4 solid;
  border-radius: 4px;
  flex-wrap: wrap;
  justify-content: space-between;

  .views-bulk-actions__item {
    color: var(--va-gray-darkest);

    &.js-form-type-select {
      margin-right: 60px;
      order: 1;
    }

    &.form-actions {
      order: 4;
    }

    &.js-form-item-select-all {
      order: 2;
    }
  }

  .views-bulk-actions__item--status {
    display: none;
    order: 5;
  }

  details.vbo-multipage-selector {
    flex: 0 0 100%;
    order: 3;

    summary {
      justify-content: flex-start;
    }
  }
}

.views-table {
  &.views-view-table {
    td {
      overflow-wrap: anywhere;
    }
  }
}
