/* turn.css — supports text layer + clean scaling */

/* Flipbook container */
#turnjs-viewer {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 20px 0;
}

/* Text Layer Styling (PDF.js) */
.textLayer {
  pointer-events: auto;
  color: transparent;
}

.textLayer span {
  position: absolute;
  white-space: pre;
  transform-origin: 0 0;
  color: transparent; /* makes text selectable but invisible */
}

.textLayer span::selection {
  background: #0080ff40;
}

/* Controls */
#turnjs-controls {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  gap: 15px;
}

.turn-btn {
  padding: 8px 15px;
  background: #3464ff;
  color: white;
  border-radius: 6px;
}