/* ========================================================================== 
   FŐOLDALI SZOLGÁLTATÁSKÁRTYÁK MODUL
   --------------------------------------------------------------------------
   A kártyák száma szabadon bővíthető. Asztalon a modulban megadott 2–4
   oszlop jelenik meg, tableten 2, mobilon pedig 1 oszlop.
   ========================================================================== */

.fold-services-module .service-grid {
  grid-template-columns: repeat(var(--service-columns, 4), minmax(0, 1fr));
}

/* A teljes kártya kattintható, de a meglévő sablon megjelenése megmarad. */
.fold-services-module a.service-card {
  display: block;
  color: inherit;
  text-decoration: none;
}

/* Az ikon rétegsorrendjének javítása: a sárga kör mindig a kép előtt marad. */
.fold-services-module .service-card > img {
  position: relative;
  z-index: 0;
}
.fold-services-module .service-card .card-body {
  position: relative;
  z-index: 1;
}
.fold-services-module .service-card .card-icon {
  position: relative;
  z-index: 2;
}

/* A cím és a gomb közötti függőleges elrendezés akkor is rendezett marad,
   ha a kártyák szöveghossza eltérő. */
.fold-services-module .service-card {
  height: 100%;
}
.fold-services-module .card-body {
  display: flex;
  min-height: 220px;
  flex-direction: column;
}
.fold-services-module .card-body .text-link {
  margin-top: auto;
}

@media (max-width: 1020px) {
  .fold-services-module .service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .fold-services-module .service-grid {
    grid-template-columns: 1fr;
  }
  .fold-services-module .card-body {
    min-height: 0;
  }
}