/*div.field--name-field-emblma {
  width: fit-content;
  float: left;
  margin: 0 1.5rem 1rem 0;
}*/

/* ===================================================================
   PROBLÉMA: Olivero teaser __content és node__content flex/grid.
   A float hatástalan, mert a szülő flex/grid layout.
   MEGOLDÁS: teaser és full view módban is block-ra állítjuk.
   =================================================================== */

/* 1. Teaser nézet (listában) – .teaser__content flex/grid override */
.node--view-mode-teaser .teaser__content {
  display: block;
}

/* 2. Full nézet (node oldalon) – .node__content is flex Olivero-ban */
.node--view-mode-full .node__content {
  display: block;
}

/* 3. A kép maga – float + fit-content */
.node--type-rendezvnyek div.field--name-field-emblma,
.node--type-tarsasagi-jatekok div.field--name-field-emblma,
.node--type-szemlyek div.field--name-field-emblma {
  width: fit-content;
  float: left;
  margin: 0 1.5rem 1rem 0;
}

/* 4. Clearfix – hogy a szülő ne essen össze a float körül.
      A teaser már kapta a `clearfix` osztályt a szövegmezőn,
      de a teaser__content szintjén is jó biztosítani: */
.node--view-mode-teaser .teaser__content::after,
.node--view-mode-full .node__content::after {
  content: "";
  display: block;
  clear: both;
}

.field:not(:last-child) {
  margin-block-end: 5px;
}

.teaser {
  padding-block-end: 10px;
}

.region-columns {
  display: grid;
  gap: var(--sp2, 1.5rem);
  align-items: start;
  grid-column: 1 / -1;
  width: 100%;
}

.region-columns--1 { grid-template-columns: minmax(0, 1fr); }
.region-columns--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.region-columns--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.region-columns__col > .region {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
}

@media (max-width: 62rem) {
  .region-columns--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 43rem) {
  .region-columns--2,
  .region-columns--3 { grid-template-columns: minmax(0, 1fr); }
}