/* Inkspirations interaction and presentation hotfix */

/* Remove only the striped and beam effects Robert rejected. */
.studio-entry::after,
.room-beam {
  display: none !important;
  content: none !important;
  background: none !important;
  animation: none !important;
}

/* Keep the floating ink atmosphere visible. */
.room-system-page::after {
  display: block !important;
  content: "" !important;
}

/* Decorative layers must never sit between a visitor and a link. */
.room-atmosphere,
[data-room-atmosphere],
.ink-particles,
.surface-light,
canvas[aria-hidden="true"] {
  pointer-events: none !important;
}

/* Make room cards respond on the first tap. */
.room-card,
.room-card * {
  pointer-events: auto;
}

.room-card {
  position: relative;
  z-index: 2;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(86, 217, 255, .18);
}

@media (hover: none), (pointer: coarse) {
  .room-card:hover,
  .room-card:focus {
    transform: none !important;
  }
}

/* Interactive lightbox: one complete image, no empty white side panel. */
.lightbox[open] {
  background: #01040a !important;
}

.lightbox figure {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1fr !important;
  place-items: center !important;
  background: #01040a !important;
  border-radius: 0 !important;
}

.lightbox figure > img,
#lightbox-image {
  width: 100vw !important;
  height: 100dvh !important;
  max-width: 100vw !important;
  max-height: 100dvh !important;
  object-fit: contain !important;
  background: #01040a !important;
}

.lightbox figcaption {
  color: #f6f3e8 !important;
  background: linear-gradient(90deg, rgba(2,5,12,.96), rgba(7,26,42,.88)) !important;
}

.lightbox-actions {
  margin-top: .9rem;
}