/* 
 * 
 * import via uv_admin.libraries.yml
 *  

@import .... */

:root {
  --vierzwo-gin-grey: #e5e8ee;
  --vierzwo-content-small: 668px;
  --vierzwo-transition-short: all 0.3s ease-in-out;
  /* colors */
  --color-border: #e5e7eb;
  --color-divider: #e4e7ec;
  --color-text-muted: #6b7280;
  --color-bg: #fff;

  /* badge colors */
  --badge-default: #dbeafe;
  --badge-category: #ede9fe;

  /* status colors */
  --status-invited: #ffd644;
  --status-captured: rgba(202, 213, 226, 0.9);
  --status-pending: #ba44ff;
  --status-opt-in: rgba(233, 223, 249, 1);
  --status-registered: rgba(206, 238, 197, 1);
  --status-deregistered: rgba(255, 162, 162, 1);
  --status-attended: rgba(194, 229, 255, 1);
  --status-unconfirmed: rgba(202, 213, 226, 1);

  /* spacing */
  --space-xs: 4px;
  --space-sm: 6px;
  --space-md: 10px;
  --space-lg: 16px;

  /* radii */
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-pill: 100px;

  /* layout */
  --content-width-small: 992px;

  /* forms */
  --select-form-width: 25rem;
}

/* Override: "Duplizieren" button in Gin More Actions dropdown should look like a text link, not a primary button */
.gin-sticky-form-actions .gin-more-actions__menu #gin-sticky-edit-clone {
  background-color: transparent;
  color: var(--gin-color-primary);
  box-shadow: none;
}
.gin-sticky-form-actions .gin-more-actions__menu #gin-sticky-edit-clone:hover {
  color: var(--gin-color-button-text) !important;
  background-color: var(--gin-color-primary) !important;
}

/* Override: "Speichern und zurück" should not appear pre-selected */
.gin-sticky-form-actions .gin-more-actions__menu #gin-sticky-edit-submit-back {
  background-color: transparent;
  color: var(--gin-color-primary);
  box-shadow: none;
}

.gin-sticky-form-actions .gin-more-actions__menu #gin-sticky-edit-submit-back:hover {
  background-color: transparent;
  color: var(--gin-color-primary);
  box-shadow: none;
}


/* 
 * 
 * to check
 *
 */

/* login */
.user-login-form label {
  display: none;
}

.gin--edit-form .page-wrapper__node-edit-form .block-local-tasks-block, 
.gin--edit-form .page-wrapper__node-edit-form .block-system-main-block, 
/* .gin--edit-form .page-wrapper__node-edit-form .messages-list,  */
/* .gin--edit-form .page-wrapper__node-edit-form .node-form,  */
/* .gin--edit-form .page-wrapper__node-edit-form .node-confirm-form,  */
/* .gin--edit-form .page-wrapper__node-edit-form .admin-list,  */
.gin--edit-form .page-wrapper__node-edit-form .help {
  max-width: unset !important;
}

/* ########################## */

body {
  overflow-x: hidden;

  --vierzwo-color-light-grey: #989fb0;
}

.field--type-boolean .form-item {
  margin-block: 0;
}

.field--type-boolean:not(:first-child) {
  margin-block: var(--space-l);

  .form-item {
    margin-block: var(--space-l);
  }
}

[data-gin-accent="custom"],
[data-gin-focus="custom"] {
  --gin-bg-app: #fbfbff !important;
  --gin-bg-item: #fbfbff !important;
}

*:not(input.form-radio):focus {
  box-shadow: none !important;
}

.admin-toolbar__header {
  .admin-toolbar__logo {
    border-radius: 0;
  }
}

/* Table element  */
.views-field-data-evaluation-link-field,
.views-field-data-results-link-field,
.views-field-status {
  text-align: center;
}

/* empty state */
.view-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: 400px;
}

.view-empty-state img {
  width: 343px;
  height: 278px;
}

.view-empty-state p {
  font-size: 14px;
  font-style: italic;
  color: var(--vierzwo-color-light-grey);
}

/* ####################################### */

/*

	Edit Content

*/
.is-horizontal .tabs--primary .overview-link {
  a {
    position: relative;
    padding-left: 30px;
    font-weight: normal;
    margin-inline-end: 0;

    &:before {
      padding-left: 10px;
      content: "";
      display: inline-block;
      position: absolute;
      inset-block-start: calc(50% - 1px);
      inset-inline-start: 0;
      width: var(--gin-icon-size-toolbar-secondary);
      height: var(--gin-icon-size-toolbar-secondary);
      transform: translateY(-50%);
      background-color: var(--gin-icon-color);
      -webkit-mask-image: url("../../../../themes/contrib/gin/dist/media/sprite.svg#backtosite-view");
      mask-image: url("../../../../themes/contrib/gin/dist/media/sprite.svg#backtosite-view");
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-position: center center;
      mask-position: center center;
    }

    &:after {
      content: "";
      opacity: 0.3;
      border-inline-end: 1px solid var(--gin-color-text);
      width: 1px;
      height: 20px;
      padding-inline-start: 0.75em;
      padding-inline-end: 0;
    }
  }
}

.tabledrag-toggle-weight-wrapper {
  display: none;
}

/* Peditionen */
.field-petition-form-fields-table {
  td > div {
    text-align: center;
  }
}

form:not(.views-exposed-form) {
  .form-type--url,
  .form-type--textfield,
  .form-type--number {
    input:not(.visually-hidden) {
      width: 100%;
    }

    input[name*="field_max_participants"] {
      width: 25rem;
    }
  }
}

.preview-link a.button {
  margin-block: 0;
}

@media only screen and (min-width: 768px) {
  .image-widget.form-managed-file.no-upload {
    gap: 30px;
    flex-direction: row-reverse;
  }
}

.form-managed-file__meta-wrapper {
  flex-shrink: 0;
}

.details-wrapper {
  .form-type--managed-file {
    margin-block: 0;
  }
}

/* upload file element width */
.form-managed-file__main {
  width: 100%;

  .file {
    flex: initial;
  }
}

.participants-counts {
  width: 100%;
  max-width: 600px;
  padding: var(--gin-spacing-xl);
  background: var(--gin-bg-layer);
  border: 1px solid var(--gin-border-color-layer);
}

.participants-counts div + div {
  padding-top: var(--gin-spacing-s);
}

.participants-counts .count {
  font-weight: 700;
}

/* ####################################### */

/* Person Kontakt/Contact e.g /crm/persons/169027 */
.path-crm .page-wrapper .block-system-main-block {
  /* width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  box-sizing: border-box; */
}

/* general */
fieldset.field-group-hide-border {
  border: 0;
  padding-block-start: 0;
}

fieldset.field-group-hide-border .fieldset__label {
  padding: 0;
  font-size: var(--gin-font-size-s);
  font-weight: var(--gin-font-weight-semibold);
  color: var(--gin-color-title);
  margin-block-start: 0;
  margin-block-end: var(--gin-spacing-xs);
}

fieldset.field-group-hide-border .fieldset__wrapper {
  margin: 0;
}

/* paragraph buttons responsive */
.js .field--widget-paragraphs .paragraphs-dropbutton-wrapper {
  flex-wrap: wrap;
}

.paragraphs-tabs-wrapper {
  .paragraphs-subform {
    .form-type--entity-autocomplete {
      margin-block-end: 0;
    }
  }
}

.form-radios {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.gin-login {
  .frc-captcha {
    max-width: 100%;
    padding: 12px 0;
    border-radius: 8px;
    background: #f9f9f9;
  }

  .frc-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 32px;

    &.frc-success {
      min-height: 32px;
      + .frc-banner {
        margin-top: 10px;
      }
    }
  }

  .frc-icon {
    flex-shrink: 0;
  }

  .frc-content {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 20px;
    overflow-x: visible;

    &:before {
      content: url("/modules/custom/uv_admin/icons/robot.svg");
      transform: scale(1.5);
      margin-right: 12px;
      margin-left: 12px;
    }

    &:not(:has(.frc-button)) {
      width: 100%;
    }
  }

  .frc-icon {
    display: none;
  }

  .frc-button {
    color: #e5007d;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: transparent;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-left: auto;
  }

  .frc-button:hover {
    background: transparent;
  }

  .frc-banner {
    display: block;
    text-align: start;
    position: initial;
    margin: 20px 0 0 32px;

    * {
      font-size: 11px;
    }
  }
  .page-subtitle {
    margin-top: 0px;
  }

  .page-title.user-form-page__page-title {
    margin-bottom: 0;
  }
  .form-element {
    border-radius: 8px;
    border: 1px solid #c6c8d0;
    background: #fff;
  }

  svg#Ebene_1 {
    width: 171px;
    height: 26px;
  }

  input#edit-submit {
    margin-top: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  a {
    text-decoration: solid;
    text-decoration: underline;
  }
}

/* features page fix width */
.path-admin .claro-details__description {
  max-width: unset;
}

.gin-breadcrumb__item > a,
.gin-breadcrumb__item > span,
.gin-breadcrumb__item .breadcrumb__link {
  max-width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Landingpage Unpublished button */
:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(
    .media-library-item__click-to-select-checkbox
  ):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content)
  > .form-type--checkbox
  input:not(:checked)::before {
  opacity: 0.6;
}

/* user edit spenden */
.user-spenden-form {
  .field--name-field-spenden-is-activated {
    margin-bottom: var(--gin-spacing-s);
  }
}

.date-from-to-group fieldset[data-drupal-selector^="edit-field-date"] {
  border: none;
}

.login-footer {
  color: #75767b;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.login-footer .heart-icon svg {
  fill: #75767b;
}

.js-form-item.form-item.js-form-type-select.form-type--select.js-form-item-field-tags.form-item--field-tags {
    margin-block: var(--space-xl);
}