/* Grid wrapper (force grid in editor too) */
.cg-cards__grid,
.wp-block-cg-cards .cg-cards__grid {
  display: grid !important;
  gap: 1rem;
  grid-template-columns: repeat(var(--cg-card-cols, 3), minmax(0, 1fr)) !important;
}

.wp-admin .wp-block-cg-cards .cg-cards__grid {display: grid !important; gap: 1rem; grid-template-columns: 1fr !important;}

.wp-admin .cg-cards__grid .block-editor-block-list__layout {   display: grid !important; gap: 1rem; grid-template-columns: repeat(var(--cg-card-cols, 3), minmax(0, 1fr)) !important;}

.wp-admin .cg-cards__grid .block-editor-block-list__layout .block-editor-block-list__layout {grid-template-columns: 1fr !important; width: 100%;}

/* Card layouts with ordering */
.cg-card,
.wp-block-cg-card .cg-card {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 6px;
  padding: 1rem;
  background: inherit;
  color: inherit;
  	}

.wp-admin .cg-card {width: 98%;}


.cg-card__media   { order: var(--o-media, 1);   flex: 0 0 auto; }
.cg-card__title   { order: var(--o-title, 2);   margin: 0; font-weight: 600; }
.cg-card__text    { order: var(--o-text, 3);    opacity: .9; }
.cg-card__actions { order: var(--o-actions, 4); margin-top: .25rem; }
.cg-card__media img { display: block; width: 100%; height: auto; }

/* Row presets */
.cg-card.is-row-left,
.cg-card.is-row-right {
  flex-direction: row;
  align-items: flex-start;
}
.cg-card.is-row-left  .cg-card__media { order: 0;  margin-right: 1rem; }
.cg-card.is-row-right .cg-card__media { order: 99; margin-left: 1rem; }
.cg-card.is-row-left  .cg-card__media,
.cg-card.is-row-right .cg-card__media {
  flex: 0 0 var(--media-basis, 40%);
  max-width: var(--media-basis, 40%);
}

/* Button */
.cg-card__button {
  display: inline-block; text-decoration: none;
  padding: .5rem .875rem; border-radius: 4px;
  background: currentColor; color: #fff;
}

/* Empty state */
.cg-card--empty { opacity: .7; font-style: italic; text-align: center; }

/* Responsive */
@media (max-width: 782px) {
  .cg-card.is-row-left,
  .cg-card.is-row-right {
    flex-direction: column;
  }
  .cg-card.is-row-left .cg-card__media,
  .cg-card.is-row-right .cg-card__media {
    max-width: 100%;
    margin-left: 0; margin-right: 0;
  }
}


/* Ensure core blocks look tidy inside .cg-card */
.cg-card .wp-block-image { margin: 0; }
.cg-card .wp-block-image img { width: 100%; height: auto; display: block; }
.cg-card .wp-block-heading { margin: 0 0 .5rem 0; font-weight: 600; }
.cg-card .wp-block-paragraph { margin: 0; opacity: .9; }
.cg-card .wp-block-buttons { margin-top: .5rem; }


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

.cg-cards__grid,
.wp-block-cg-cards .cg-cards__grid {grid-template-columns: 1fr !important;}       
    
}