/*
  feed overwrites

  create new post form on page (not in modal)
  feed entry
*/



/* create new post form on page (not in modal) */
/* ================================================================================ */
/* hide `title` label visually */
.pos-community-feed-create label[for="pos-community-post-new-title"],
.pos-community-post-edit label[for="pos-community-post-new-title"] {
  position: absolute;
  left: -200vw;
}

/* title input */
#pos-community-post-new-title {
  width: 100%;
  height: 3rem;
  margin-block-end: var(--pos-gap-input-input);
}

  #pos-community-post-new-title::placeholder {
    color: var(--pos-color-content-text-supplementary);
  }


/* feed entry */
/* ================================================================================ */
/* post title */
.pos-community-post-title {
  margin-block-end: .75rem;
}

/* move content up */
.pos-community-post-content {
  margin-block-start: 0;
  margin-block-end: calc(var(--pos-gap-section-elements) * 2);
}

/* footer */
.pos-community-post footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--pos-gap-section-elements);

  font-size: 1rem;
}

  @media (max-width: 600px) {
    /* show footer elements in a column on mobile */
    .pos-community-post footer {
      flex-direction: column;
      align-items: start;
    }
  }

/* hide likes and comments labels on desktop */
@media (min-width: 601px){
  .pos-community-post footer .pos-label {
    position: absolute;
    left: -200vw;
  }

  .pos-community-post .pos-community-post-like .pos-community-post-like-count-multiple,
  .pos-community-post .pos-community-post-like .pos-community-post-like-count-single {
    position: absolute;
    left: -200vw;
  }
}

/* likes and comments icons */
.pos-community-post-actions {
  font-size: .8em;
  color: var(--pos-color-content-text-supplementary);
}

/* set min width for the likes for it not to move too much depending on the count */
.pos-community-post .pos-community-post-like [type="submit"] {
  min-width: 2ex;
}

  @media (max-width: 600px) {
    /* on mobile, hide the number but show the number + label */
    .pos-community-post-comments-count {
      display: none;
    }

    /* differnt visuals for the actions section on mobile */
    .pos-community-post-actions {
      width: calc(100% + var(--pos-padding-card) * 2);
      margin-inline: calc(var(--pos-padding-card) * -1);
      margin-block-end: calc(var(--pos-gap-section-elements) / -2);
      padding-block-start: calc(var(--pos-gap-section-elements) / 2);
      padding-block-end: 0;
      padding-inline: var(--pos-padding-card);

      border-block-start: 1px solid var(--pos-color-frame);
    }

    /* show likes first */
    .pos-community-post-actions li:first-child {
      order: 2;
    }
    
  }