/**
 * Info block
 */

.block-infoblock {
  .infoblock-grid {
    display: grid;
    gap: var(--spacing-lg);
    padding-left: 0;

    @media (width >= 576px) {
      grid-template-columns: 1fr 1fr;
    }
  }

  .item {
    background-color: var(--primary-light);
    border: var(--border-width-1) solid var(--primary-dark);
    border-radius: var(--border-radius-md);
    color: var(--body-font-color);
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--spacing-sm);
    padding-block: var(--spacing-lg);
    padding-inline: var(--spacing-lg);

    .value-list {
      list-style: none;
      margin: 0;
      padding: 0;

      span {
        font-size: var(--font-size-13);
        font-style: italic;
      }
    }
  }

  .item-content {
    font-size: var(--paragraph-font-size-sm);

    *:last-child {
      margin-block-end: 0;
    }
  }

  .item-title {
    color: var(--gray-700);
    font-size: var(--paragraph-font-size);
    font-weight: var(--font-weight-regular);
    margin-block-end: 0;
  }
}

.infoblock-placeholder {
  display: inline-block;
  background-color: rgb(from var(--primary-color) r g b / 10%);
  color: var(--primary-color);
  padding: 0 0.5em;
  font-size: 0.75em;
  border-radius: 2px;
}