/* === DT Readmore (namespaced) === */
.dt-readmore__content {
  max-width: 600px;
  margin: 0 auto;
}

.dt-readmore__text {
  position: relative;
  line-height: 1.5;
  transition: max-height 0.6s ease;
}

/* Fixed height aktif olduğunda */
.dt-readmore__text.fixedHeight {
  height: var(--fixed-height, 300px);
  overflow: auto; /* içerik fazlaysa scroll çıksın */
}

/* Sadece truncate modunda kısıtlama uygula */
.dt-readmore__text.truncate {
  overflow: hidden;
  max-height: var(--max-height-closed, 6em);
  transition: max-height 0.9s ease;

  /* Gradient Mask */
  -webkit-mask-image: linear-gradient(to top, transparent 0%, black 50%);
  mask-image: linear-gradient(to top, transparent 0%, black 50%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* Expanded olduğunda */
.dt-readmore__text.expand {
  max-height: 2000px;
  overflow: visible;

  /* Mask kalkıyor */
  -webkit-mask-image: none;
  mask-image: none;
}

/* Editör modunda (HubSpot inline editing) mask kapalı: arka plan kaybolma bug’ını önler */
body.hs-inline-editing .dt-readmore__text {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* 450px ve altı ekranlar için responsive düzenleme */
@media (max-width: 450px) {
  .dt-readmore__text.fixedHeight {
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 20px !important;
  }
}

/* PATCH /*

/* Editörde mask kapalı ve güvenli geçiş efekti ::after ile veriliyor */
body.hs-inline-editing .dt-readmore__text.truncate {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  position: relative;
}

body.hs-inline-editing .dt-readmore__text.truncate::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 50%;              /* gerekirse 40–60 arası oynatabilirsin */
  pointer-events: none;
  /* mask yerine degrade overlay */
  background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
}

/* Karanlık zeminlerde overlay’in rengi */
body.hs-inline-editing .dt-readmore__text.truncate[data-overlay="dark"]::after {
  background: linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,0));
}

/* İzolasyon: mask etkisi çevreye taşmasın */
.dt-readmore__text { contain: paint; isolation: isolate; }