/**
 * Real3D Flipbook paints the book with nested wrappers:
 *   #flipbook-shortcode-wrapper
 *     .real3dflipbook
 *       .flipbook-main-wrapper
 *         .flipbook-bookLayer
 *           .flipbook-book / .flipbook-book-webgl / .flipbook-wrapper
 *
 * The ACF block stylesheet targets EVERY descendant div:
 *   #flipbook-shortcode-wrapper div { max-height: 80vh; }
 * That clips WebGL/page layers and leaves the white .flipbook-wrapper
 * (background:#fff) sitting in the stage with no page texture.
 */

.flipbook-shortcode-wrapper,
#flipbook-shortcode-wrapper {
  position: relative;
  width: 100%;
  min-height: 360px;
}

@media (min-width: 768px) {
  .flipbook-shortcode-wrapper,
  #flipbook-shortcode-wrapper {
    max-height: 80vh;
  }

  .flipbook-shortcode-wrapper div,
  #flipbook-shortcode-wrapper div {
    max-height: none !important;
  }
}

.flipbook-shortcode-wrapper .real3dflipbook,
#flipbook-shortcode-wrapper .real3dflipbook,
.real3dflipbook-pending {
  position: relative !important;
  display: block;
  width: 100%;
}

.flipbook-main-wrapper {
  background-color: transparent !important;
}

@media (max-width: 767px) {
  .flipbook-main-wrapper {
    background-color: #fff !important;
  }
}