/* Katalogu i ofertave: flipbook (mu-plugins/albc-katalog.php, shortcode [albc_katalog]) */
.kat{margin:0 auto 32px;width:100%;max-width:1500px;min-width:0}   /* min-width:0: brenda .rich (grid) mos u zgjero sa përmbajtja (iPhone: faqja dilte më e gjerë se ekrani) */
.kat>*{min-width:0;max-width:100%}
.kat-sub{margin:-6px 0 14px;color:var(--muted,#6b7280);font-size:15px}
.kat-sub b{color:var(--text,#0f1522)}
.kat-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.kat-actions .btn{display:inline-flex;align-items:center;gap:8px}
.kat-actions .btn small{opacity:.8;font-weight:400}
.kat-actions .i{width:18px;height:18px}

.kat-book{position:relative;margin:0 auto;user-select:none;-webkit-user-select:none;touch-action:pan-y pinch-zoom}
.kat-pg{position:relative;background:#fff;overflow:hidden}
.kat-pg img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.kat-hs{position:absolute;border-radius:10px;outline:0;transition:background-color .15s,box-shadow .15s}
.kat-hs:hover,.kat-hs:focus-visible{background:rgba(226,35,26,.07);box-shadow:inset 0 0 0 3px var(--brand,#e2231a)}

/* telefoni: një faqe; kthimi me "page curl" (viewer.js curl) */
.kat-book.single{touch-action:pan-y pinch-zoom}
.kat-stage{position:relative;aspect-ratio:1080/1350;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 6px 22px rgba(15,21,34,.12)}
.kat-slot,.kat-slot>.kat-pg{position:absolute;inset:0}
.kat-curl{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;border-radius:14px}
.kat-curl>.kat-pg{position:absolute;inset:0}
.kat-curl>i{position:absolute;inset:0;z-index:5}
.kat-curl.under{z-index:1}
.kat-curl.flap{transform-origin:0 0;z-index:3}
.kat-curl.flap>.paper{z-index:4;background:rgba(250,249,246,.95)}

/* ekran i gjerë: libër me dy faqe që kthehen */
.kat-book.spread{display:flex;justify-content:center;perspective:2800px}
.kat-book.spread .kat-side{position:relative;width:50%;aspect-ratio:1080/1350;box-shadow:0 18px 34px rgba(15,21,34,.18)}
.kat-book.spread .kat-l{border-radius:12px 0 0 12px}
.kat-book.spread .kat-r{border-radius:0 12px 12px 0}
.kat-book.spread .kat-side .kat-pg{position:absolute;inset:0}
.kat-book.spread .kat-l .kat-pg{border-radius:12px 0 0 12px}
.kat-book.spread .kat-r .kat-pg{border-radius:0 12px 12px 0}
.kat-book.spread .kat-l .kat-pg:after,.kat-book.spread .kat-r .kat-pg:after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none}
.kat-book.spread .kat-l .kat-pg:after{right:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.14))}
.kat-book.spread .kat-r .kat-pg:after{left:0;background:linear-gradient(270deg,transparent,rgba(0,0,0,.14))}
.kat-book.spread .kat-empty-side{box-shadow:none}
.kat-leaf{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .8s cubic-bezier(.645,.045,.355,1);will-change:transform;z-index:3}
.kat-leaf.fwd{left:50%;transform-origin:left center}
.kat-leaf.back{left:0;transform-origin:right center}
.kat-leaf .kat-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#fff;transform:translateZ(0)}
.kat-leaf .kat-face img{width:100%;height:100%;display:block}
.kat-leaf .kat-face.b{transform:rotateY(180deg) translateZ(0)}
/* hija e fletës: rritet butë në mes të kthimit dhe zhduket në fund (pa ndezje) */
.kat-leaf .kat-face:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0}
.kat-leaf.fwd .kat-face.a:after,.kat-leaf.back .kat-face.b:after{background:linear-gradient(90deg,rgba(0,0,0,.16),transparent 45%)}
.kat-leaf.fwd .kat-face.b:after,.kat-leaf.back .kat-face.a:after{background:linear-gradient(270deg,rgba(0,0,0,.16),transparent 45%)}
.kat-leaf.turning .kat-face:after{animation:kat-shade .8s cubic-bezier(.645,.045,.355,1)}
@keyframes kat-shade{0%,100%{opacity:0}50%{opacity:1}}

.kat-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 10px}
.kat-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line,#e5e7eb);background:#fff;color:var(--text,#0f1522);cursor:pointer;transition:background .15s,border-color .15s}
.kat-btn:hover:not(:disabled){border-color:var(--brand,#e2231a);color:var(--brand,#e2231a)}
.kat-btn:disabled{opacity:.35;cursor:default}
.kat-btn svg{width:22px;height:22px}
.kat-count{min-width:84px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.kat-fs{margin-left:10px;width:40px;height:40px}
.kat-fs svg{width:18px;height:18px}

.kat-thumbs{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:thin;justify-content:safe center}
.kat-thumbs button{flex:none;width:58px;padding:0;border:2px solid transparent;border-radius:6px;background:none;cursor:pointer;opacity:.7;transition:opacity .15s,border-color .15s}
.kat-thumbs button img{display:block;width:100%;aspect-ratio:1080/1350;border-radius:4px}
.kat-thumbs button.on,.kat-thumbs button:hover{opacity:1;border-color:var(--brand,#e2231a)}
.kat-hint{text-align:center;color:var(--muted,#6b7280);font-size:13px;margin:4px 0 0}
.kat-empty{padding:30px 0;text-align:center}

/* ekran i plotë */
.kat.fs{position:fixed;inset:0;z-index:9999;max-width:none;margin:0;padding:14px 16px;background:#1b2333;display:flex;flex-direction:column;justify-content:center;overflow:auto}
.kat.fs .kat-sub,.kat.fs .kat-actions,.kat.fs .kat-hint{display:none}
.kat.fs .kat-nav .kat-count{color:#fff}
.kat.fs .kat-thumbs{display:none}
@media (max-width:640px){
  .kat-actions .btn{flex:1 1 auto;justify-content:center}
  .kat-thumbs button{width:46px}
}