/* v28 realistic finger page-turn. Visual-only; does not alter reader layout. */
.smart-ink-page { overflow-anchor:none; }
.reader { overflow-anchor:none; }

.bible-turn-overlay {
  position: fixed;
  z-index: 80;
  overflow: visible;
  pointer-events: none !important;
  perspective: 1800px;
  contain: layout paint style;
}
.bible-turn-overlay * { pointer-events:none!important; }

.bible-turn-underlay {
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:2px;
  background:
    linear-gradient(90deg, rgba(79,52,40,.08), transparent 7%, transparent 93%, rgba(79,52,40,.06)),
    #fffaf7;
  box-shadow: inset 0 0 18px rgba(82,55,42,.08);
}

.bible-turn-leaf {
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
  backface-visibility:visible;
  will-change:transform,filter;
}

.bible-turn-face {
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#fffaf7;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.bible-turn-front {
  box-shadow: 10px 0 28px rgba(57,37,22,.24), inset -1px 0 0 rgba(99,74,57,.10);
}

.bible-turn-back {
  transform:rotateY(180deg);
  background:
    linear-gradient(90deg, rgba(70,46,34,.10), transparent 10%, transparent 88%, rgba(70,46,34,.04)),
    repeating-linear-gradient(0deg, rgba(111,79,61,.018) 0 1px, transparent 1px 4px),
    #fff9f3;
  box-shadow: -10px 0 26px rgba(57,37,22,.18), inset 1px 0 0 rgba(99,74,57,.10);
}

.bible-turn-shade {
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg, transparent 55%, rgba(63,39,28,.18));
  mix-blend-mode:multiply;
  will-change:opacity;
}

.bible-turn-overlay.previous .bible-turn-shade {
  background:linear-gradient(90deg, rgba(63,39,28,.18), transparent 45%);
}

.bible-turn-spine-shadow {
  position:absolute;
  top:0;
  bottom:0;
  width:22px;
  left:-3px;
  opacity:.18;
  background:linear-gradient(90deg, rgba(45,28,20,.38), rgba(45,28,20,.08), transparent);
  filter:blur(.4px);
}
.bible-turn-overlay.previous .bible-turn-spine-shadow {
  left:auto;
  right:-3px;
  transform:scaleX(-1);
}

@media (prefers-reduced-motion: reduce) {
  .bible-turn-overlay { display:none!important; }
}