/* Snippet */
.ola-snippet {
  margin-bottom: 16px;
}

/* Remove bookmarks in snippets */
.ola-link-bookmark-action {
  // display: none;

  .ola-results-bookmark & {
    // display: block;
  }
}

/* Inner wrapper */
.ola-snippet-inner {
  box-shadow: $snippet-shadow;
  padding: 1em;
  position: relative;
}

/* Highlight */
.ola-highlight {
  background: $color-highlight;
  font-style: normal;
}

/* Grid view snippets */
@include media (tablet) {
  .ola-results-view-grid {
    .ola-results {
      display: flex;
      flex-wrap: wrap;
    }
    .ola-snippet {
      width: 33.333%;
      padding-right: 1em;
      display: flex;
      flex-flow: column;

      &:nth-child(3n+3) {
        padding-right: 0;
      }
    }
    .ola-snippet-inner {
      // min-height: 100%;
      flex: 1;
    }
    .ola-fg-horizontal {
      flex-direction: column;

      > .ola-field {
        padding-right: 0;
      }
    }
    .ola-share-links {
      display: block;
    }
    .ola-cta-button {
      width: 100%;
    }
    .ola-field-button + .ola-share-links {
      margin-left: 0;
    }
  }
}

/* Static answer snippet */
.ola-snippet-static-answer .ola-snippet-inner {
  background: #ffc;
  padding: 1rem;
}

/* MC answer snippet */
.ola-snippet-mc {
  margin-bottom: 2rem;

  .ola-results-view-grid &  {
    width: auto;
    padding-right: 0;
  }

  .ola-field-title {
    // font-size: 20px;
    padding: 0 0 0.5rem 0;
  }

  .ola-snippet-text {
    &:after {
      content: '...'
    }
  }

  strong {
    text-decoration: underline;
  }
}

/* Snippet text */
.ola-snippet-text {
  margin: 0 0 0.5rem 0;
}