/* === STACK KOMPONENDI BAAS-STIILID (UUENDATUD) === */

/* Põhikonteiner seab lava valmis */

.stack-container-background {
  padding: 0;
}


.stack-container {
  position: relative;
  width: 100%;
  max-width: 796px;
  min-height: 520px;
  margin-inline: auto;
  overflow: hidden;
  z-index: var(--z-container);
}

/* Kõik otse konteineri sees olevad plokid on positsioneeritavad */
.stack-container > .wp-block-group,
.stack-container > .wp-block-image {
  position: absolute;
  margin: 0;
}

/* Karakteri pildi grupp on samuti positsioneerimise alus oma lastele */
.stack-container > .wp-block-group.stack-image {
  pointer-events: none;
}

/* Karakteri pilt ise */
.stack-image > .wp-block-image:first-of-type img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: var(--z-stack-image);
  pointer-events: auto;
  width: 260px;
  height: 400px;
}

/* LISATUD: Tekstikasti üldine välimus */
.stack-image .stack-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  background: var(--character-dialogue-color);
  padding: 1.5rem !important;
  border-radius: 35px;
  z-index: -1; /* Jääb pildi taha */
  pointer-events: auto;
  width: 100%;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);

}

/* LISATUD: Teksti stiil kastis */
.stack-image .stack-text p {
  font-family: var(--character-dialogue-font);
  font-size: 1.2rem;
  line-height: 1.4; /* Hea lisada loetavuse parandamiseks */
  margin-bottom: 1rem; ;
}

/* Keskkonna grupp (nt teetass) */
.stack-image .stack-environment {
  position: absolute;
  z-index: var(--z-floating);
  pointer-events: auto;
  width: 100%;
  height: 100%;
}

/* Ikoonid */
.stack-icon {
  pointer-events: auto;
}

@media (max-width: 767px) {
.stack-container {
  min-height: 600px;
}

}