/* 1) Modern böngészők: pontos célzás képes-only groupokra a :has()-szal */
@supports selector(:has(*)) {
  .wp-block-group.is-layout-flex.is-nowrap:has(> figure.wp-block-image) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--wp--style--block-gap, 1rem);
    align-items: start;
  }
  .wp-block-group.is-layout-flex.is-nowrap:has(> figure.wp-block-image) > figure {
    margin: 0; /* távolítsd el a képek alap margóját */
  }
  .wp-block-group.is-layout-flex.is-nowrap:has(> figure.wp-block-image) img {
    width: 100%;
    height: auto;
    display: block;
  }
  /* Mobilon egy oszlop */
  @media (max-width: 640px) {
    .wp-block-group.is-layout-flex.is-nowrap:has(> figure.wp-block-image) {
      grid-template-columns: 1fr;
    }
  }
}

/* 2) Fallback olyan böngészőkre, ahol még nincs :has()
   (kevésbé “okos” célzás, de működő 2 oszlop képes groupokra) */
.wp-block-group.is-layout-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--wp--style--block-gap, 1rem);
}
.wp-block-group.is-layout-grid > figure { margin: 0; }
.wp-block-group.is-layout-grid img { width: 100%; height: auto; }
@media (max-width: 640px) {
  .wp-block-group.is-layout-grid { grid-template-columns: 1fr; }
}
