/* ==========================================================================
 * StartLike Theme - Component: Entries (Post List Layouts)
 * ========================================================================== */

/* ----------------------------------------------------------------
 * Base Grid Layout
 * ---------------------------------------------------------------- */
.c-entries {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .c-entries {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .c-entries {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

/* ----------------------------------------------------------------
 * Simple List (1-column text)
 * ---------------------------------------------------------------- */
.c-entries--simple {
  grid-template-columns: 1fr;
  gap: 0;
}

.c-entries--simple .c-entry-summary {
  padding: 1rem 0;
  border-bottom: 1px solid var(--sl-border-color);
}

.c-entries--simple .c-entry-summary:first-child {
  padding-top: 0;
}

.c-entries--simple .c-entry-summary__figure {
  display: none;
}

/* ----------------------------------------------------------------
 * Rich Media (Horizontal: Thumbnail + Text)
 * ---------------------------------------------------------------- */
.c-entries--rich-media {
  grid-template-columns: 1fr;
  gap: 0;
}

.c-entries--rich-media .c-entry-summary {
  display: flex;
  gap: 1.25rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--sl-border-color);
}

.c-entries--rich-media .c-entry-summary:first-child {
  padding-top: 0;
}

.c-entries--rich-media .c-entry-summary__figure {
  flex: 0 0 120px;
  aspect-ratio: 16 / 9;
}

@media (min-width: 640px) {
  .c-entries--rich-media .c-entry-summary__figure {
    flex: 0 0 180px;
  }
}

@media (min-width: 1024px) {
  .c-entries--rich-media .c-entry-summary__figure {
    flex: 0 0 240px;
  }
}

.c-entries--rich-media .c-entry-summary__body {
  flex: 1;
  min-width: 0;
}

/* ----------------------------------------------------------------
 * Panel (Card Grid)
 * ---------------------------------------------------------------- */
.c-entries--panel {
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .c-entries--panel {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .c-entries--panel {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1280px) {
  .c-entries--panel {
    gap: 2rem;
  }
}

.c-entries--panel .c-entry-summary {
  background-color: var(--sl-bg-color);
  border-radius: var(--sl-border-radius);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: box-shadow var(--sl-transition-duration) var(--sl-transition-timing);
}

.c-entries--panel .c-entry-summary:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

/* ----------------------------------------------------------------
 * Text Only List
 * ---------------------------------------------------------------- */
.c-entries--text {
  grid-template-columns: 1fr;
  gap: 0;
}

.c-entries--text .c-entry-summary {
  display: flex;
  align-items: baseline;
  gap: 1em;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--sl-border-color);
}

.c-entries--text .c-entry-summary:first-child {
  padding-top: 0;
}

.c-entries--text .c-entry-summary__figure {
  display: none;
}

.c-entries--text .c-entry-summary__content {
  display: none;
}

.c-entries--text .c-entry-summary__meta {
  flex-shrink: 0;
  order: -1;
}