/* Apply only when the Posts Express Grid block has the 'Flip' style selected.
   WordPress adds 'is-style-flip' to the block wrapper (via attributes.className) which Blockspare outputs.
*/

/* Mirror the grid container */
.is-style-flip .blockspare-posts-block-latest-post-wrap {
  transform: scaleX(-1);
}

/* Flip each card back so text/images are readable */
.is-style-flip .blockspare-posts-block-post-single {
  transform: scaleX(-1);
}

/* Optional: nudge caption alignment to new edge */
.is-style-flip .blockspare-posts-block-post-content,
.is-style-flip .blockspare-posts-block-post-content .blockspare-posts-block-entry-title {
  text-align: right;
}

@media (max-width: 640px) {
  /* On small screens keep natural flow if desired; comment out to keep mirrored */
  /* .is-style-flip .blockspare-posts-block-latest-post-wrap,
  .is-style-flip .blockspare-posts-block-post-single { transform: none; } */
}