/* ── Text Hover Image Widget ─────────────────────────────────────────────── */

.glidy-thi {
  display: block;
}

.glidy-thi a {
  text-decoration: none;
  color: inherit;
}

.glidy-thi__title {
  margin: 0;
  line-height: 1.1;
  transition: color 0.3s ease;
}

/* ── Hover word — the trigger ────────────────────────────────────────────── */

.glidy-thi__word {
  position: relative;
  display: inline-block;
  cursor: default;
}

/* ── Floating image ──────────────────────────────────────────────────────── */

.glidy-thi__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  /* overridden by Elementor selectors */
  height: 360px;
  pointer-events: none;
  overflow: hidden;
  z-index: 10;

  /* Hidden by default — JS controls opacity via GSAP */
  opacity: 0;
  visibility: hidden;
  will-change: transform, opacity;
}

.glidy-thi__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  user-select: none;
}

/* ── Reduced motion — disable the follow effect ──────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .glidy-thi__img {
    display: none !important;
  }
}