/* GAALA GRID – tee wrapper “normaalseks” ja keskele */
.hwm-gaala-grid {
  width: 100%;
  max-width: 1136px; /* muuda kui tahad */
  margin: 0 auto;
  padding: 0 20px;
}

/* WP inner-container: teeme flexi ja keskjoondame */
.hwm-gaala-grid > .wp-block-group__inner-container {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  align-items: flex-start;
  gap: 45px;

  /* nullime WP constrained layouti “veidrused” */
  max-width: 1136px; /* 👈 pane max laius tagasi */
  margin: 0 auto !important; /* 👈 keskjoondus */
}
.hwm-gaala-grid > .wp-block-group__inner-container > * {
  flex: 0 1 100px; /* või mis sul vaja */
}
/* Iga üksik gaala “kaart” */
.hwm_gaala-play-icoon.wp-block-media-text {
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;

  width: 260px;
  max-width: 100%;
  margin: 0 !important;
}

/* Nullime Media&Text default paddings */
.hwm_gaala-play-icoon .wp-block-media-text__content {
  padding: 0 !important;
  margin: 0 !important;
}
.hwm_gaala-play-icoon .wp-block-media-text__media {
  margin: 0 !important;
}

/* Ikoon */
.hwm_gaala-play-icoon .wp-block-media-text__media img {
  width: 96px;
  height: 96px;
  display: block;
  object-fit: contain;
}

/* Tekst */
.hwm_gaala-play-icoon p {
  margin: 0 !important;
  font-size: 20px;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 768px) {
  .hwm-gaala-grid {
    padding: 0 16px;
  }
  .hwm-gaala-grid > .wp-block-group__inner-container {
    gap: 40px;
  }
  .hwm_gaala-play-icoon.wp-block-media-text {
    width: 100%;
  }
}

/* 1) KAART ise */
.hwm_gaala-play-icoon.wp-block-media-text {
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
  width: 260px;
  max-width: 100%;
  margin: 0 !important;
}

/* 2) MEDIA (figure) – tee 100% lai, ja keskjoonda sisu */
.hwm_gaala-play-icoon .wp-block-media-text__media {
  width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* 3) LINK/IMG – kindlasti keskele */
.hwm_gaala-play-icoon .wp-block-media-text__media a {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.hwm_gaala-play-icoon .wp-block-media-text__media img {
  display: block;
  margin: 0 auto !important;
}

/* 4) TEKST (content) – 100% + keskjoondus */
.hwm_gaala-play-icoon .wp-block-media-text__content {
  width: 100% !important;
  padding: 0 !important;
  margin: 12px 0 0 !important;
  text-align: center !important;
}