@use '../../styles/abstracts/index' as *;

/* Organism - yap-presentation */

.o-manifest-layout__content {
  height: 100%;

  .pointer {
    cursor: pointer;
  }
}


.yap-viewingpresentation {
  display: flex;
  overflow-y: scroll;

  .o-manifest-layout__content, .o-dashboard-widget {
    flex: 100% 1 1;
  }
}

.o-presentation {
  @extend %list-unstyled;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap:toRem(30);
  padding: toRem(4) toRem(4) toRem(20) toRem(4);
  overflow-y: auto;

  &__item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    &__header {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      height: toRem(110);
      img {
        width: auto;
        height: 90%;
        &.is-full-width {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
        cursor: pointer;
      }
      yap-icon.is-private {
        position: absolute;
        top: toRem(10);
        left: toRem(10);
      }
    }
    &__txt {
      flex-grow: 1;
      padding: toRem(10) toRem(15);
      .a-h3 {
        font-size: toRem(14);
      }
      .a-p {
        font-size: toRem(13);
        &.-date {
          margin-bottom: 0;
        }
      }
    }
    &__footer {
      padding: toRem(10) toRem(15) toRem(10) toRem(15);

      .m-actions-list {
        justify-content: space-evenly;
      }
    }
  }
}

.o-presentation-consult{
  width: 100%;
  padding: toRem(15);
}