/* table */

div.gin-table-scroll-wrapper {
  clear: both;
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior-x: none;
  -webkit-overflow-scrolling: touch;
  margin-block-start: calc(var(--gin-spacing-xs) * -1);
}

.view-content table {
  thead tr {
    border-block-end: 0;
  }

  th {
    background: var(--vierzwo-gin-grey);
  }

  th:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  th:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  th.views-field-title {
    width: 100%;
  }

  td.views-field-title {
    width: 100%;
    max-width: 0;
  }

  td,
  th {
    white-space: nowrap;
  }

  th.empty,
  td.empty {
    display: none;
  }
}

thead {
  .sortable-heading {
    > a {
      padding-block: 0;

      &:before {
        border: 0;
        z-index: -1;
      }
    }

    &.is-active {
      > a::before {
        background: #e5e8ee !important;
        border: 0;
      }
    }
  }
}

.views-column-center {
  text-align: center;
}

/* title */
tbody .views-field-title a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* icons */
.views-table {
  .views-form__bulk-operations-row {
    .views-field-field-silent-opening,
    .views-field-election-live-tally-field,
    .views-field-election-count-eligible-voters {
      text-align: center;
    }
  }

  td.views-icon-link {
    display: table-cell; 
    width: 36px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  }

  .views-icon-link {
    width: 36px;
    padding: var(--gin-spacing-density-m) var(--gin-spacing-xs);

    a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      font-size: 0;
      transition: var(--vierzwo-transition-short);
    }

    a:before {
      filter: brightness(0) saturate(100%) invert(14%) sepia(98%)
        saturate(7498%) hue-rotate(318deg) brightness(86%) contrast(117%);
    }

    a:hover,
    a:focus {
      background: var(--gin-color-primary-light);
    }
  }

  .edit-link a:before {
    content: url("/modules/custom/uv_admin/icons/edit.svg");
  }

  .clone-link a:before {
    content: url("/modules/custom/uv_admin/icons/clone.svg");
  }

  .view-link a:before {
    content: url("/modules/custom/uv_admin/icons/view.svg");
  }

  .details-link a:before {
    content: url("/modules/custom/uv_admin/icons/details.svg");
  }

  /* Mailings */
  .send-link a:before {
    content: url("/modules/custom/uv_admin/icons/send.svg");
  }

  /* Verteiler */
  .add-contact-link a:before {
    content: url("/modules/custom/uv_admin/icons/add-contact.svg");
  }

  /* smartdialog */
  .delete-link a:before {
    content: url("/modules/custom/uv_admin/icons/delete.svg");
  }

  /* Digital Voting */
  .results-link {
    width: 100px;

    div.flex-wrapper {
      display: flex;
      gap: 5px;
      justify-content: center;
    }

    a.beamer:before {
      content: url("/modules/custom/uv_events/img/wahlergebnis_anzeigen.svg");
    }

    a.chart:before {
      content: url("/modules/custom/uv_events/img/diagramm.svg");
    }
  }

  .views-field-election-live-tally-field,
  .views-field-election-count-eligible-voters {
    span {
      text-align: center;
    }
  }

  .views-field-field-silent-opening {
    text-align: center;
  }

  .show-hide-link a.shown:before {
    content: url("/modules/custom/uv_events/img/wahl_ausblenden.svg");
  }

  .show-hide-link a.hidden:before {
    content: url("/modules/custom/uv_events/img/wahl_einblenden.svg");
  }

  .status-icon-field {
    span.created:before {
      content: url("/modules/custom/uv_events/img/wahl_erstellt.svg");
    }

    span.closed:before {
      content: url("/modules/custom/uv_events/img/wahl_geschlossen.svg");
    }
  }

  .advance-status-link {
    a.row-option:before {
      content: url("/modules/custom/uv_events/img/wahl eroeffnen.svg");
    }

    a.row-option.open:before {
      content: url("/modules/custom/uv_events/img/wahl_geschlossen.svg");
    }

    a.row-option.closed:before {
      content: url("/modules/custom/uv_events/img/diagramm.svg");
    }
  }

  .views-field-data-evaluation-link-field a:before {
    content: url("/modules/custom/uv_admin/icons/data-evaluation.svg");
    display: flex;
    justify-content: center;
  }
}

.vbo-view-form {
  table tbody td {
    /* padding: var(--gin-spacing-density-xs) var(--gin-spacing-s) !important; */
  }

  .belenios-id {
    font-size: 13px;
    color: #555;
  }
}

.view-content:not(:has(.vbo-view-form)) {
  table tbody td {
    padding: var(--gin-spacing-density-xs) var(--gin-spacing-s) !important;
  }

  .item-list li {
    margin:  0;
  }
}


.view-crm-declarations {
  td:first-child {
    @media (min-width: 1024px) {
      width: 30%;
      max-width: 30%;
    }
  }
}

/* bulk operations (vbo) */
form.vbo-view-form .views-bulk-actions {
  gap: 24px;
}

.vbo-view-form .views-bulk-actions__item--status {
  display: none; /* hotfix zeigt nicht die korrekte Zahl an */
}

details.vbo-multipage-selector {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
}

details.vbo-multipage-selector summary {
  display: block;
  min-width: 185px;
  padding: 0;
  font-size: var(--font-size-s);
  font-weight: 400;
  cursor: default;
}

details.vbo-multipage-selector summary:hover {
  color: #000;
  background: none;
}

details.vbo-multipage-selector summary:before {
  display: none;
}

details.vbo-multipage-selector .details-wrapper {
  padding: 0;
  margin: 0;
  margin-block: 0;
}

details.vbo-multipage-selector .details-wrapper .form-item {
  padding: 0;
  margin: 0;
  margin-block: 0;
}

details.vbo-multipage-selector input.button {
  display: none;
}

.views-element-container .vbo-view-form .form-type--select {
  order: -1;
}

.vbo-view-form .views-bulk-actions .form-submit {
  width: max-content;
  margin-block: 0;
}

.vbo-view-form .views-bulk-actions .views-bulk-actions__item .form-submit {
  display: none;
}

/* vbo select */
.views-bulk-actions__item select.form-select {
  appearance: none;
  width: auto;
  min-width: 250px;
  min-height: calc(
    var(--input-padding-vertical) * 2 + var(--input-line-height)
  );
  padding-block: calc(var(--input-padding-vertical) - 1px);
  padding-inline: var(--input-padding-horizontal);
  color: var(--gin-color-text);
  font-size: var(--font-size-m);
  line-height: var(--input-line-height);
  border: 1px solid var(--gin-border-color-form-element);
  border-radius: var(--gin-border-m);
  @supports (appearance: base-select) {
    &,
    &::picker(select) {
      appearance: base-select;
      background-image: none;
    }
  }

  option {
    padding: 10px;
    border-top: 1px solid var(--gin-border-color-form-element);
    cursor: pointer;
    transition-property: color, background;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    &:where(:hover, :focus, :active) {
      background: #fcecf5;
    }
    &:checked {
      background: #fcecf5;
    }
    &::checkmark {
      display: none;
    }
    &:first-child {
      border: 0;
    }
  }
}