/* Newsletter Flipbook Styles - Minimal Design */

.newsletter-flipbook-viewer {
  position: relative;
  width: 100%;
  min-height: 500px;
  max-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Flipbook container */
.newsletter-flipbook-viewer .stf__wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

/* Hide all page-flip animation layers and shadows */
.newsletter-flipbook-viewer .stf__shadow,
.newsletter-flipbook-viewer .stf__bottomPage,
.newsletter-flipbook-viewer .stf__hardShadow,
.newsletter-flipbook-viewer .stf__hardInnerShadow {
  display: none !important;
}

/* Ensure flipping pages stay within bounds */
.newsletter-flipbook-viewer .stf__outerShadow,
.newsletter-flipbook-viewer .stf__innerShadow {
  display: none !important;
}

/* Individual pages */
.newsletter-flipbook-viewer .page {
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 20px;
  box-sizing: border-box;
}

/* Canvas content */
.newsletter-flipbook-viewer .page canvas {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Page numbers */
.newsletter-flipbook-viewer .page-number {
  position: absolute;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

.newsletter-flipbook-viewer .page:nth-child(even) .page-number {
  left: 20px;
}

.newsletter-flipbook-viewer .page:nth-child(odd) .page-number {
  right: 20px;
}

/* Prevent text selection during flipping */
.newsletter-flipbook-viewer .stf__block {
  user-select: none;
  -webkit-user-select: none;
}