/* =============================================
   WYNNTILS FIDER — COMPACT LAYOUT ONLY
   No color changes. Restores the dense row-based
   post list from the previous Fider design.
   ============================================= */

/* ─── Header: restore tighter padding ─── */
#c-header .c-menu {
  padding: 8px 16px !important;
}

/* ─── Add Idea Button: less imposing ─── */
.p-home__add-idea-btn {
  padding: 10px 14px !important;
  margin-bottom: 12px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
}

.p-home__add-idea-icon {
  width: 20px !important;
  height: 20px !important;
}

/* ─── Post List: remove card gaps, use dividers instead ─── */
.c-posts-container__list {
  gap: 0 !important;
  border: 1px solid var(--colors-gray-200) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.c-posts-container__post-link {
  border-bottom: 1px solid var(--colors-gray-200) !important;
}

.c-posts-container__post-link:last-child {
  border-bottom: none !important;
}

/* ─── Post Card: compact layout with absolute vote sidebar ─── */
/*  [ votes ] | title
               | description / tags
               | status badge
   The vote counter is positioned absolutely so all other content
   (tags, status badges, etc.) flows naturally regardless of structure.
*/
.c-posts-container__post {
  position: relative !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  /* left padding creates the vote sidebar zone */
  padding: 10px 14px 10px 68px !important;
}

/* Reduce the large flex gap (16px → 4px) between content rows */
.c-posts-container__post > * + * {
  margin-top: 4px !important;
}

.c-posts-container__post-link:hover .c-posts-container__post {
  box-shadow: none !important;
}

/* Vote counter — pulled out of flow into the left sidebar */
.c-posts-container__post-votes {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 60px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-top: 10px !important;
  border-right: 1px solid var(--colors-gray-200) !important;
  gap: 1px !important;
}

/* Bottom row: votes are position:absolute so only the status badge remains —
   push it to the right end of the row */
.c-posts-container__post > div:last-child {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 4px !important;
}

.c-posts-container__post-votes .text-semibold.text-2xl {
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.c-posts-container__post-votes .text-gray-700 {
  font-size: 9px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  line-height: 1.4 !important;
}

/* "✓ Voted!" label — remove left margin, centre in narrow sidebar */
.c-posts-container__post-votes .inline-flex {
  margin-left: 0 !important;
  justify-content: center !important;
  font-size: 9px !important;
}

/* Tighter text inside cards */
.c-posts-container__post-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.c-posts-container__postdescription {
  font-size: 12px !important;
  line-height: 1.5 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.c-posts-container__post-comments {
  font-size: 12px !important;
  margin-left: 8px !important;
}

/* ─── Posts header: tighter spacing ─── */
.c-posts-container__header {
  margin-bottom: 10px !important;
  row-gap: 10px !important;
}