/* ============================================================
   KNYGOS – sąrašo grid'as ir vidinis puslapis (tokenai iš base.css).
   Perkelta iš statinio knygos.css; kainų būsenos – iš duomenų:
   .book-price-row            – juoda kaina (+ .book-was jei sale)
   .book-price-row.is-offer   – spec. pasiūlymas: label, mėlyna kaina, -XX %
   .book-cover-wrap--out      – išparduota
   ============================================================ */

/* ---------- PAGE HEADER ---------- */
.books-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4)}
.books-header p{max-width:560px;margin:0}
.books-ship{display:flex;align-items:center;gap:var(--sp-2);white-space:nowrap;margin:0;color:var(--green)}
.books-ship svg{flex-shrink:0}
/* Turinio pastraipa be inline svg (editorius) – sunkvežimis per ::before */
.books-ship:not(:has(svg))::before{content:'';width:14px;height:14px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpath d='M16 8h4l3 5v4h-7V8z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- KNYGŲ GRID ----------
   6 knygos eilutėje, tarpai --sp-6, kad kortelė tilptų į ekraną ir matytųsi kita eilutė */
.books-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-6);margin-top:var(--sp-8)}
@media(max-width:1100px){.books-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.books-grid{grid-template-columns:repeat(2,1fr)}}

/* Kortelė – šviesiai pilkas rėmelis, viršelis nekarpomas (contain) juodame fone */
.book-card{background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;transition:box-shadow .2s}
.book-card:hover{box-shadow:0 12px 32px rgba(0,0,0,0.1)}
.book-cover-link{display:block}
.book-cover-wrap{position:relative;background:var(--black);aspect-ratio:2/3;border:1px solid var(--black)}
.book-cover{width:100%;height:100%;object-fit:contain;object-position:center}
.book-badge{position:absolute;top:0;left:0;color:#fff}

/* Badge – apvalūs „blynai", išsikišę iš viršelio kampo:
   Naujiena – raudonas su N; Akcija – prenumeratos blynas paveiksliuku.
   Abu 50px, kabinasi tame pačiame viršelio kampo taške */
:is(.book-badge-new,.book-badge-sale){top:calc(-1 * var(--sp-2) - 5px);left:calc(-1 * var(--sp-2) - 5px);width:50px;height:50px;border-radius:50%;font-size:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.18);z-index:2}
.book-badge-new{background:var(--red)}
.book-badge-new::before{content:'N';font-family:var(--font);font-size:var(--fs-lead);font-weight:800;line-height:1}
/* Paveiksliukas – spec. pasiūlymo termino įkeltas (inline background-image);
   be jo blynas išvis nerenderinamas (inc/knygos.php). */
.book-badge-sale{background-position:center;background-size:contain;background-repeat:no-repeat}
/* Tooltip – tekstas iš data-tip (spec. pasiūlymo termino aprašymas;
   font-size būtinas, nes blynas turi font-size:0) */
.book-badge-sale::after{content:attr(data-tip);position:absolute;bottom:100%;left:0;margin-bottom:var(--sp-2);background:var(--black);color:#fff;font-size:var(--fs-xs);font-weight:600;line-height:1.4;padding:var(--sp-2) var(--sp-3);width:max-content;max-width:200px;opacity:0;visibility:hidden;transition:opacity .15s;pointer-events:none;z-index:3}
.book-badge-sale:hover::after{opacity:1;visibility:visible}
/* Kai knyga turi abu badge – stackinasi vertikaliai */
.book-badge + .book-badge{top:var(--sp-8)}
.book-info{padding:var(--sp-3);display:flex;flex-direction:column;flex:1}
.book-title{font-size:var(--fs-small);font-weight:700;color:var(--black);line-height:1.35;margin-bottom:var(--sp-1);flex:1}
.book-title a{transition:color .15s}
.book-title a:hover{color:var(--red)}
.book-author{font-size:var(--fs-caption);color:var(--gray-400);line-height:1.4;margin-bottom:var(--sp-4)}

/* ---------- KAINŲ EILUTĖ ---------- */
.book-price-row{display:flex;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-4)}
.book-price{font-family:var(--font);font-size:var(--fs-lg);font-weight:800;letter-spacing:-0.03em;line-height:1;color:var(--black)}
.book-was{font-size:var(--fs-small);color:var(--gray-400);text-decoration:line-through}
/* Spec. pasiūlymas: label per visą plotį virš kainos, mėlyna kaina, -XX % pill'as */
.book-disc{font-size:var(--fs-caption);font-weight:700;line-height:1;color:var(--red);background:var(--red-muted);padding:var(--sp-1) var(--sp-2)}
.book-price-row.is-offer{flex-wrap:wrap;row-gap:0}
.book-offer-label{flex-basis:100%;font-size:var(--fs-2xs);font-weight:700;line-height:1.3;color:var(--blue);margin-bottom:var(--sp-1)}
.book-price-row.is-offer .book-price{color:var(--blue)}
/* Spec. pasiūlyme sena nubraukta kaina – atskiroje eilutėje po kaina
   (kortelėse IR vidiniame puslapyje) */
.book-price-row.is-offer .book-was{flex-basis:100%;order:10;margin-top:var(--sp-1)}

.book-card .btn{width:100%}
.book-btn-out{background:var(--gray-100);color:var(--gray-400);border-color:var(--gray-100);pointer-events:none}
/* „Skaitytojai taip pat pirko" – mažesnis tarpas nuo brūkšnio nei pilna sekcija */
.related-books{padding-top:var(--sp-10)}
.related-books h2{font-size:var(--fs-h3)}

/* Išparduotos knygos – papilkinta visa kortelė */
.book-cover-wrap--out .book-cover{filter:grayscale(1);opacity:0.7}
.book-card:has(.book-btn-out) :is(.book-title a,.book-author){color:var(--gray-400)}

/* ---------- KNYGOS VIDINIS PUSLAPIS ---------- */
.sec-rule{border:0;border-top:1px solid var(--black);width:100%;margin:0}

.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);color:var(--gray-400);margin-bottom:var(--sp-8)}
.breadcrumb a{color:var(--gray-400);transition:color .15s}
.breadcrumb a:hover{color:var(--black)}

.product-grid{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:var(--sp-10);align-items:start}
.cover-col{position:sticky;top:calc(64px + var(--sp-6))}
.cover-inner{position:relative}
.cover-img{width:100%;height:auto;display:block;border:1px solid var(--black);background:var(--black);cursor:zoom-in}
.cover-badges{position:absolute;top:calc(-1 * var(--sp-2));left:calc(-1 * var(--sp-2));display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1)}
.cover-badges .book-badge{position:static}

.product-title{font-size:var(--fs-h2)}
.product-author{color:var(--gray-600);margin-bottom:var(--sp-4)}

.goodreads-box{display:inline-flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6)}
.goodreads-stars{display:inline-flex;gap:1px;color:var(--gold);font-size:var(--fs-base);line-height:1}
.goodreads-stars .star-empty{color:var(--line)}
.goodreads-score{font-size:var(--fs-small);font-weight:700;color:var(--black)}
.goodreads-count{font-size:var(--fs-caption);color:var(--gray-400)}
.goodreads-link{font-size:var(--fs-caption);color:var(--gray-400);text-decoration:underline;transition:color .15s}
.goodreads-box:hover .goodreads-link{color:var(--black)}

/* Kaina – bendras katalogo modelis, tik stambesnis mastelis */
.product-price{margin:var(--sp-3) 0 var(--sp-5)}
.product-price .book-price{font-size:var(--fs-h3)}
.product-price .book-was{font-size:var(--fs-base)}
.product-price .book-offer-label{font-size:var(--fs-small)}

.buy-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}
.product-info .books-ship{margin-top:var(--sp-4)}

/* Gutenberg drobė dešiniame stulpelyje: tik teksto matas (16px kaip dizaine) –
   pastraipoms IR sąrašams vienodai. Brūkšniai – core/separator blokai turinyje
   (valdomi editoriuje), jokių automatinių border'ių ant antraščių. */
/* atskiri selektoriai (ne :is) – :is() imtų max specifiškumą ir p atvejis
   permuštų .is-style-book-meta p (14px) žemiau. Sąrašams :where – kad
   „Sąrašo dydis" tokenai (.is-fs-*) galėtų perrašyti kontekstą. */
.knyga-content p,
.knyga-content :where(ul.wp-block-list, ol.wp-block-list){font-size:var(--fs-small)}

/* Grupės stilius „Leidinio duomenys" – smulkūs pilki p su boldais */
.is-style-book-meta{margin-top:var(--sp-9);max-width:680px}
.is-style-book-meta p{margin:0;padding:2px 0;font-size:var(--fs-caption);line-height:1.5;color:var(--gray-600)}
.is-style-book-meta strong{color:var(--black)}

/* ---------- GALERIJA PO VIRŠELIU ----------
   Vertikalaus formato kadrai, scroll-snap; rodyklės dešinėje, lygiuotos su kadrų viršumi */
.cover-gallery{margin-top:var(--sp-4);display:flex;align-items:flex-start;gap:var(--sp-2)}
.cover-gallery-track{display:flex;gap:var(--sp-2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;min-width:0}
.cover-gallery-track::-webkit-scrollbar{display:none}
.cover-gallery-track img{flex:0 0 calc((100% - 2*var(--sp-2))/3);width:calc((100% - 2*var(--sp-2))/3);min-width:0;height:auto;aspect-ratio:2/3;object-fit:cover;scroll-snap-align:start;border:1px solid var(--border-s);background:var(--gray-100);cursor:pointer;transition:opacity .15s}
.cover-gallery-track img:hover{opacity:0.85}
.cover-gallery-track img.is-active{outline:2px solid var(--blue);outline-offset:-2px}
.cover-gallery-nav{display:flex;gap:var(--sp-1)}
.cover-gallery-nav button{width:32px;height:32px;border:1px solid var(--black);background:var(--white);color:var(--black);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--fs-small);transition:background .15s}
.cover-gallery-nav button:hover{background:var(--gray-100)}

/* ---------- LIGHTBOX ---------- */
.lightbox{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,0.82);display:flex;align-items:center;justify-content:center;gap:var(--sp-5);padding:var(--sp-7)}
.lightbox[hidden]{display:none}
/* Fiksuotas aukštis – visos nuotraukos vienodo dydžio, nešokinėja vartant */
.lightbox-img{height:86vh;max-width:min(720px,80vw);object-fit:contain;background:var(--white)}
.lightbox :is(button){width:40px;height:40px;flex-shrink:0;border:1px solid #fff;background:transparent;color:#fff;font-size:var(--fs-lead);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.lightbox :is(button):hover{background:rgba(255,255,255,0.15)}
.lightbox-close{position:absolute;top:var(--sp-5);right:var(--sp-5)}

@media(max-width:820px){
  .product-grid{grid-template-columns:1fr;gap:var(--sp-7)}
  .cover-col{position:static}
}