/* ---------- knjiga: poziv na otvaranje ---------- */
.book-open{display:block;margin:44px 0 0;padding:0;border:0;background:none;cursor:pointer;text-align:left;
           max-width:520px;width:100%}
.book-open img{display:block;width:100%;height:auto;background:var(--card);
               box-shadow:0 6px 26px rgba(20,20,15,.22);transition:transform .35s ease,box-shadow .35s ease}
.book-open:hover img{transform:translateY(-3px);box-shadow:0 12px 34px rgba(20,20,15,.26)}
.book-open .cap{display:flex;align-items:baseline;gap:12px;margin-top:12px;
                font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted)}
.book-open:hover .cap{color:var(--ink)}
.book-open .cap .go{color:var(--signal)}

/* ---------- prozor s knjigom ---------- */
.book{position:fixed;inset:0;z-index:90;display:none;background:rgba(238,237,234,.97)}
.book.open{display:block}
.book-bar{position:absolute;top:0;left:0;right:0;height:52px;z-index:6;
          display:flex;align-items:center;gap:14px;padding:0 var(--gut);
          font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted)}
.book-bar .t{color:var(--ink)}
.book-bar .sp{margin-left:auto}
.book-bar button{font:inherit;background:none;border:1px solid var(--hair);color:var(--muted);
                 padding:5px 11px;cursor:pointer}
.book-bar button:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}
.book-bar button:disabled{opacity:.35;cursor:default}

.book-stage{position:absolute;inset:52px var(--gut) 36px;perspective:2600px;
            display:flex;align-items:center;justify-content:center}

/* raspon od dvije stranice */
.book-sheet{position:relative;transform-style:preserve-3d;
            box-shadow:0 14px 44px rgba(20,20,15,.24)}
.bp{position:absolute;top:0;height:100%;width:50%;overflow:hidden;background:var(--card)}
.bp.left{left:0}
.bp.right{left:50%}
.bp img{display:block;width:100%;height:100%;object-fit:cover}
.bp.empty{background:transparent;box-shadow:none}
/* sjena uz hrbat */
.book-sheet::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:34px;
                   transform:translateX(-50%);pointer-events:none;z-index:3;
                   background:linear-gradient(90deg,rgba(20,20,15,0) 0%,rgba(20,20,15,.13) 45%,
                              rgba(20,20,15,.13) 55%,rgba(20,20,15,0) 100%)}

/* list koji se okrece */
.book-leaf{position:absolute;top:0;height:100%;width:50%;z-index:5;
           transform-style:preserve-3d;will-change:transform}
.book-leaf.fwd{left:50%;transform-origin:left center}
.book-leaf.bwd{left:0;transform-origin:right center}
.book-leaf .face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;background:var(--card)}
.book-leaf .face img{display:block;width:100%;height:100%;object-fit:cover}
.book-leaf .face.back{transform:rotateY(180deg)}
.book-leaf .shade{position:absolute;inset:0;pointer-events:none;background:rgba(20,20,15,0);
                  transition:background .5s ease}
.book-leaf.turning .shade{background:rgba(20,20,15,.16)}

.book-half{position:absolute;top:52px;bottom:36px;width:44%;z-index:4;background:none;border:0;
           cursor:pointer;padding:0}
.book-half.prev{left:0;cursor:w-resize}
.book-half.next{right:0;cursor:e-resize}

.book-hint{position:absolute;left:var(--gut);bottom:12px;z-index:6;
           font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--muted);
           transition:opacity .6s ease}
.book-hint.gone{opacity:0}

@media (max-width:900px){
  .book-bar{padding:0 14px;gap:9px;font-size:10px}
  .book-stage{inset:48px 8px 30px}
  .book-hint{display:none}
}

/* na uskom zaslonu: jedna stranica preko cijele sirine */
.book.single .bp.left{display:none}
.book.single .bp.right{left:0;width:100%}
.book.single .book-sheet::after{display:none}
.book.single .book-leaf{width:100%;left:0}
.book.single .book-leaf.fwd{transform-origin:left center}
.book.single .book-leaf.bwd{transform-origin:right center}