.cg-post-list { width: 100%; }
.cg-post-list__grid {
  display: grid;
  grid-template-columns: repeat(var(--cg-cols, 3), minmax(0, 1fr));
  gap: var(--cg-gap, 1rem);
}
.cg-post-list__item { display: grid; gap: 8px; }
.cg-post-list__thumb img { width: 100%; height: auto; display: block; }
.cg-post-list__thumb.is-empty { display:block; aspect-ratio:16/9; background: rgba(0,0,0,.05); }
.cg-post-list__title { margin: 0; font-size: 1rem; }
.cg-post-list__empty { opacity: .7; }

.cg-pl__results { display: grid; gap: 6px; max-height: 220px; overflow: auto; }
.cg-pl__result { display:flex; justify-content:space-between; align-items:center; padding:6px 8px; border:1px solid rgba(0,0,0,.08); border-radius:6px; }
.cg-pl__result-title {/* overflow:hidden; text-overflow:ellipsis;*/ white-space:nowrap; }
.cg-pl__chips { display: grid; gap: 6px; }
.cg-pl__chip { display:flex; justify-content:space-between; gap:10px; align-items:center; padding:6px 8px; border:1px solid rgba(0,0,0,.12); border-radius:6px; }
.cg-pl__chip-actions > .components-button + .components-button { margin-left: 6px; }

/* Fill viewport height when enabled */
.cg-post-list.is-vh {
  min-height: 100vh;
  display: grid;
  align-content: start; /* grid content begins at top */
}

/* On-canvas controls bar (editor only styles are safe to apply globally) */
.cg-pl__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px 10px;
  border: 1px dashed rgba(0,0,0,.15);
  border-radius: 6px;
  font-size: 12px;
}
.cg-pl__controls .cg-pl__spacer { flex: 1 1 auto; }
.cg-pl__controls .cg-pl__group { display:flex; gap:6px; align-items:center; }
.cg-pl__controls label { font-weight: 600; margin-right: 4px; }
.cg-pl__controls button.components-button { height: 28px; }



/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {

  .cg-post-list__grid {grid-template-columns: 1fr !important;}       
    
}