td .claro-details {
  box-sizing: border-box;
}

form.node-form {
  margin-bottom: 150px;
}

@media (min-width: 48em) {
  .gin--edit-form .horizontal-tabs ul.horizontal-tabs-list {
    margin-bottom: calc(var(--gin-spacing-l) * -1);
  }
  .paragraphs-tabs-wrapper .field-multiple-table .draggable {
    width: 100%;
  }

  .gin-node-edit-form .form-item {
    margin-block: var(--space-s);
  }
}

@media (min-width: 48em) {
  .pcrm-container-inline, .pcrm-container-inline > .details-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 2rem;
  }
  .pcrm-container-inline > .form-wrapper, .pcrm-container-inline > .details-wrapper > .form-wrapper {
    flex: 1 1 auto;
  }

  .pcrm-container-inline.col-2 > .form-wrapper, .pcrm-container-inline.col-2 > .details-wrapper > .form-wrapper {
    width: 100%;
    max-width: calc(50% - 1rem);
  }
  .pcrm-container-inline.col-2 input, .pcrm-container-inline.col-2 select {
    width: 100%;
  }

  /* IEF table actions column */
  .field--widget-inline-entity-form-complex-table-view-mode .draggable-table td:last-child {
    min-width: 260px;
  }
}

@media screen and (min-width: 48em) {
  .is-horizontal .tabs {
    flex-wrap: wrap;
    gap: 10px 5px;
  }
  .is-horizontal .tabs--primary .tabs__link {
    outline: 1px solid var(--gin-color-primary-light);
  }
}

@media (min-width: 48em) {
  .view-communication #view-title-table-column {
    width: 200px;
  }
  .view-communication #view-field-communication-date-table-column {
    width: 200px;
  }
  .view-communication .views-exposed-form {
    gap: 1rem;
  }
  .view-communication .views-exposed-form > div{
    margin: 0;
  }
  .view-communication .views-exposed-form.views-exposed-form fieldset {
    margin: 0;
  }

  .view-contacts-search-api .views-field-title-1 {
    min-width: 232px;
  }
  .view-contacts-search-api .views-field-title-contact-func-org {
    min-width: 400px;
  }


  .view-organizations td {
    min-width: 100px;
  }
  .view-organizations .views-field-views-bulk-operations-bulk-form,
  .view-organizations .views-field-field-address-country {
    min-width: 0;
  }
  .view-organizations .views-field-field-school-status,
  .view-organizations .views-field-field-school-participation-type
  {
    min-width: 150px;
  }
  .view-organizations .views-field-field-school-participation-type
  {
    min-width: 160px;
  }
  .view-organizations .views-field-title {
    min-width: 250px;
    max-width: 350px;
  }
  .view-organizations .views-field-field-organisation-type {
    min-width: 100px;
  }
}

.view-contacts .views-field-field-function-organization a,
.view-contacts-search-api .views-field-field-function-organization a {
  color: #229;
}

@media (min-width: 48em) {
  .view-contacts time,
  .view-contacts-search-api .views-field-changed {
    white-space: nowrap;
  }
}


.paragraph--view-mode--preview p:last-child {
  margin: 0;
}

.dashboard .view-footer {
  padding: 0 var(--gin-spacing-l) var(--gin-spacing-s);
}

.dashboard .layout .block a.button:hover {
  color: var(--gin-color-button-text);
}

@media screen and (min-width: 40em) {
  .dashboard .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first, .dashboard .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 1 1 100%;
  }
}
@media screen and (min-width: 61em) {
  .dashboard .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first, .dashboard .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 50%;
  }
}

@media screen and (min-width: 70em) {
  .dashboard .views-field-changed time {
    white-space: nowrap;
  }
}
.block-panatom-crm-banner  {
  padding: 10px;
}
.block-panatom-crm-banner div  {
  border-radius: 0.6rem;
  max-height: 300px;
  overflow: hidden;
}
.block-panatom-crm-banner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

/* fix dashboard icon */
.toolbar-tray .toolbar-icon-system-dashboard::before {
  background-image: url("../icons/dashboard.svg") !important;
  mask-image: none !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  background-position: center !important;
}
.toolbar-tray .toolbar-icon-system-dashboard:hover::before,
.toolbar-tray .toolbar-icon-system-dashboard.is-active::before {
  background-image: url("../icons/dashboard-active.svg") !important;
}

.brevo-is-connected {
  background-color: var(--gin-bg-green-light);
  padding: var(--gin-spacing-s);
}

.view-filters .views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions {
  margin-top: calc(var(--space-s) + var(--line-height-form-label) + var(--gin-spacing-xs));
  align-self: start;
}

.datepicker {
  z-index: 101 !important;
}
.region-sticky.region-sticky--is-sticky {
  z-index: 102;
}

/* views */

.view.view-contacts-search-api, .view.view-organizations, .view.view-events, .view.view-event-submissions {
  display: flex;
  flex-direction: column;

  .view-filters {
    order: 1;
  }
  .view-header {
    /* positioning header below filters*/
    order: 2;
    margin-bottom: 5px;
    font-size: smaller;
    padding: 0 calc(var(--gin-spacing-s) + var(--gin-spacing-m));
  }
  .attachment-before {
    order: 3;
  }
  .view-content, .view-empty {
    order: 4;
  }
  .attachment-after {
    order: 5;
  }
  .pager {
    order: 6;
  }
  .view-footer {
    order: 7;
  }
}

.view.view-events {
  .views-exposed-form.views-exposed-form {
    .form-item--website-registration {
      align-self: end;
    }
  }
}

.contract-end--warning {
  background-color: var(--gin-color-warning);
}

.contract-end--alert {
  background-color: var(--gin-color-danger);
}

@media (min-width: 48em) {
  .block .gin-layer-wrapper {
    padding: var(--gin-spacing-s);
  }
}

.pcrm-info-wrapper {
  border: 1px solid #aaa;
  padding: 5px 10px 5px 30px;
  margin-block: calc(6rem / 16);
  font-size: var(--font-size-xs);
  line-height: calc(17rem / 16);
  width: fit-content;
  max-width: var(--gin-max-line-length);
  color: var(--gin-color-text-light);
  strong {
    position: relative;
  }
  strong:before {
    content: "";
    display: block;
    position: absolute;
    left: -24px;
    inset-block-start: -3px;
    width: 1.2rem;
    height: 1.2rem;

    background-image: url("/themes/contrib/gin/dist/media/sprite.svg#people-new-view");
    background-repeat: no-repeat;
    background-position: center left;
    opacity: 0.6;
  }
}

.field--widget-social-links td > .form-item {
  display: block;
}

.block-system-main-block > form .layout-region-node-main {
  > details, > fieldgroup {
    &.form-wrapper:first-of-type .form-item {
      margin-block: var(--space-l);
      @media (min-width: 48em) {
        margin-block: var(--space-s);
      }
    }
  }
}

.pcrm-details__hint {
  summary {
    padding-block: calc(var(--gin-spacing-s));
    font-size: var(--gin-font-size-xs);
    font-weight: var(--gin-font-weight-semibold);
  }
  ul {
    list-style-type: none;
    margin-inline: 0;
  }
}

.vbo-info-list-wrapper.item-list {
  background: #eee6;
  padding: 8px 12px 8px 12px;
  border-radius: 8px;
  border: 1px solid #999;
  font-weight: bold;
  > * {
    font-weight: normal;
  }
  > h3 {
    margin-top: 0;
    font-size: var(--gin-font-size-xl);
  }
  > ul {
    margin-inline: 0 0;
    max-width: 1600px;
    column-count: 2;
    @media (min-width: 58em) {
      column-count: 4;
    }
    @media (min-width: 70em) {
      column-count: 5;
    }
    @media (min-width: 86em) {
      column-count: 6;
    }
    @media (min-width: 100em) {
      column-count: 7;
    }
  }
  li {
    font-size: var(--gin-font-size-s);
    line-height: var(--line-height-heading);
    break-inside: avoid;
  }
}

.ck-content p {
  color: var(--gin-color-text);
}

@media screen and (min-width: 48em) {
  .layout-node-form .fieldset__wrapper {
    margin: var(--space-l) var(--space-l) calc(var(--space-m) + var(--space-xs));
  }

  .container-inline {
    .button, .button:not(:focus), .form-actions .button, .project__action_button, .action-link--icon-trash.action-link {
      margin-block-end: 0;
    }
  }
}