/* ═══════════════════════════════════════════════════════════════════
   GROOV-ILLA — libreria-v5.css
   "Lo scaffale" — identità editoriale distinta da Reference.
   Token esistenti: cream/cream-2/cream-3, ink, ink-mute, olive, olive-deep,
   rust, paper-line. Font: display, serif, serif-article, mono.
   ═══════════════════════════════════════════════════════════════════ */

/* ════════════ HUB (/libreria/) ════════════ */
.libreria-hub{max-width:1200px;margin:0 auto;padding:0 2rem 6rem}

.libreria-hero{padding:3rem 0 2.5rem;border-bottom:2px solid var(--ink);margin-bottom:3rem}
.libreria-hero-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin-bottom:1rem}
.libreria-hero-title{font-family:var(--display);font-size:clamp(2.4rem,5vw,4rem);line-height:1.02;color:var(--ink);margin-bottom:1rem}
.libreria-hero-sub{font-family:var(--serif-article);font-size:1.25rem;line-height:1.6;color:var(--ink-mute);max-width:640px;margin-bottom:1.2rem}
.libreria-hero-disclosure{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink-mute);opacity:.8;max-width:560px;margin-bottom:1rem}
.libreria-hero-grooville{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--olive-deep);text-decoration:none;border-bottom:1px solid var(--olive);padding-bottom:2px}
.libreria-hero-grooville:hover{color:var(--rust);border-color:var(--rust)}

/* ── Griglia categorie (il cuore) ── */
.libreria-cats-title,.libreria-latest-title{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin-bottom:1.5rem}
.libreria-cats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:4rem}

.libreria-cat-card{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;
  background:var(--cream-2);border:1px solid var(--paper-line);border-radius:6px;
  padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s}
.libreria-cat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px oklch(0.2 0.02 60/.25)}

/* Copertine sovrapposte come libri su mensola */
.libreria-cat-covers{position:relative;width:170px;height:150px;flex-shrink:0}
.libreria-cat-covers img{position:absolute;width:88px;height:132px;object-fit:cover;
  border-radius:2px;border:1px solid var(--paper-line);
  box-shadow:2px 3px 8px -2px oklch(0.2 0.02 60/.3)}
.libreria-cat-covers img:nth-child(1){left:0;top:9px;transform:rotate(-8deg);z-index:1}
.libreria-cat-covers img:nth-child(2){left:44px;top:3px;transform:rotate(-1deg);z-index:2}
.libreria-cat-covers img:nth-child(3){left:88px;top:9px;transform:rotate(6deg);z-index:3}

.libreria-cat-name{font-family:var(--display);font-size:1.5rem;line-height:1.05;color:var(--ink);margin-bottom:.5rem}
.libreria-cat-count{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:1rem}
.libreria-cat-link{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--rust)}

/* ── Ultime schede ── */
.libreria-latest-list{display:flex;flex-direction:column;gap:1rem}

/* ════════════ CARD LIBRO (riusabile) ════════════ */
.card-libro{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center;
  background:var(--cream-2);border:1px solid var(--paper-line);border-radius:6px;
  padding:1.2rem;text-decoration:none;transition:transform .2s,box-shadow .2s}
.card-libro:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px oklch(0.2 0.02 60/.22)}
.card-libro-cover{position:relative;width:110px;flex-shrink:0}
.card-libro-cover img{width:110px;height:165px;object-fit:cover;border-radius:2px;
  border:1px solid var(--paper-line);
  box-shadow:3px 4px 10px -3px oklch(0.2 0.02 60/.35)}
.card-libro-badge{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);
  font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;
  background:var(--olive-deep);color:var(--cream);padding:2px 6px;border-radius:3px;white-space:nowrap}
.card-libro-title{font-family:var(--display);font-size:1.2rem;line-height:1.1;color:var(--ink);margin-bottom:.3rem}
.card-libro-author{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--ink-mute);margin-bottom:.4rem}
.card-libro-meta{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--ink-mute);opacity:.85}

/* ════════════ PAGINA CATEGORIA ════════════ */
.libreria-cat-page{max-width:1100px;margin:0 auto;padding:0 2rem 6rem}
.libreria-cat-hero{padding:2.5rem 0;border-bottom:2px solid var(--ink);margin-bottom:2.5rem}
.libreria-cat-hero-title{font-family:var(--display);font-size:clamp(2rem,4vw,3.2rem);color:var(--ink);margin-bottom:.8rem}
.libreria-cat-hero-desc{font-family:var(--serif-article);font-size:1.15rem;line-height:1.6;color:var(--ink-mute);max-width:620px;margin-bottom:.8rem}
.libreria-cat-hero-count{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rust)}
.libreria-books-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.libreria-empty{font-family:var(--serif-article);font-size:1.1rem;color:var(--ink-mute);font-style:italic;padding:2rem 0}

/* ════════════ SCHEDA SINGOLO LIBRO ════════════ */
.libro-page{max-width:1080px;margin:0 auto;padding:0 2rem 6rem}
.libro-crumbs{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-mute);padding:2rem 0 1.5rem}
.libro-crumbs a{color:var(--rust);text-decoration:none}
.libro-crumbs a:hover{text-decoration:underline}
.libro-crumbs .sep{margin:0 8px;opacity:.5}

.libro-hero{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:start;
  padding-bottom:3rem;border-bottom:2px solid var(--ink);margin-bottom:3rem}
.libro-cover{position:relative}
.libro-cover img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:3px;
  border:1px solid var(--paper-line);
  box-shadow:6px 10px 30px -8px oklch(0.2 0.02 60/.4)}
.libro-badge-grooville{position:absolute;top:14px;left:-8px;
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  background:var(--olive-deep);color:var(--cream);padding:5px 12px;border-radius:3px;
  box-shadow:0 4px 12px -3px oklch(0.2 0.02 60/.4)}

.libro-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--rust);margin-bottom:.9rem}
.libro-title{font-family:var(--display);font-size:clamp(2rem,4vw,3rem);line-height:1.02;color:var(--ink);margin-bottom:.4rem}
.libro-title-orig{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--ink-mute);margin-bottom:.6rem}
.libro-author{font-family:var(--serif-article);font-size:1.4rem;color:var(--ink);margin-bottom:1rem}
.libro-meta{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--ink-mute);margin-bottom:1.5rem}
.libro-meta .sep{margin:0 8px;opacity:.5}

.libro-rating{display:inline-flex;align-items:baseline;gap:8px;margin-bottom:1.5rem;
  padding:8px 16px;background:var(--cream-2);border:1px solid var(--paper-line);border-radius:6px}
.libro-rating-num{font-family:var(--display);font-size:2rem;line-height:1;color:var(--ink)}
.libro-rating-denom{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}

.libro-aff-note{font-family:var(--mono);font-size:11px;color:var(--ink-mute);margin-top:1rem}

.libro-review{max-width:720px;margin:0 auto 3rem}
.libro-review p{font-family:var(--serif-article);font-size:1.1rem;line-height:1.8;color:var(--ink);margin-bottom:1.3rem}
.libro-review em{font-style:italic}
.libro-review strong{color:var(--ink)}

.libro-related{max-width:720px;margin:3rem auto}
.libro-related-title{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin-bottom:1rem}
.libro-related-link{display:flex;align-items:center;gap:1rem;
  padding:1rem 0;border-top:1px solid var(--paper-line);text-decoration:none;color:var(--ink)}

/* ════════════ SEZIONE HOME (libreria-section) ════════════ */
.libreria-home-section{max-width:1200px;margin:0 auto;padding:4rem 2rem}
.libreria-home-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:stretch}

/* Libro in evidenza (sinistra) */
.libreria-feat{display:flex;gap:1.5rem;align-items:center;
  background:var(--cream-2);border:1px solid var(--paper-line);border-radius:8px;padding:2rem;text-decoration:none;
  transition:transform .2s,box-shadow .2s}
.libreria-feat:hover{transform:translateY(-3px);box-shadow:0 12px 32px -10px oklch(0.2 0.02 60/.3)}
.libreria-feat-cover{position:relative;flex-shrink:0;width:140px}
.libreria-feat-cover img{width:140px;aspect-ratio:2/3;object-fit:cover;border-radius:3px;
  border:1px solid var(--paper-line);box-shadow:5px 8px 24px -6px oklch(0.2 0.02 60/.4)}
.libreria-feat-badge{position:absolute;top:10px;left:-8px;font-family:var(--mono);font-size:9px;
  letter-spacing:.1em;text-transform:uppercase;background:var(--olive-deep);color:var(--cream);padding:4px 10px;border-radius:3px}
.libreria-feat-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--rust);margin-bottom:.7rem}
.libreria-feat-title{font-family:var(--display);font-size:1.7rem;line-height:1.05;color:var(--ink);margin-bottom:.4rem}
.libreria-feat-author{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--ink-mute)}

/* Categorie a fianco (destra) */
.libreria-side-cats{display:flex;flex-direction:column;gap:1rem}
.libreria-side-cat{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;
  background:var(--cream-2);border:1px solid var(--paper-line);border-radius:6px;padding:1rem 1.2rem;
  text-decoration:none;transition:transform .2s,box-shadow .2s}
.libreria-side-cat:hover{transform:translateX(3px);box-shadow:0 6px 18px -6px oklch(0.2 0.02 60/.2)}
.libreria-side-covers{position:relative;width:54px;height:60px;flex-shrink:0}
.libreria-side-covers img{position:absolute;width:38px;height:56px;object-fit:cover;border-radius:2px;
  border:1px solid var(--paper-line);box-shadow:2px 2px 6px -2px oklch(0.2 0.02 60/.3)}
.libreria-side-covers img:nth-child(1){left:0;transform:rotate(-6deg);z-index:1}
.libreria-side-covers img:nth-child(2){left:14px;top:2px;transform:rotate(4deg);z-index:2}
.libreria-side-name{font-family:var(--display);font-size:1.2rem;line-height:1.05;color:var(--ink)}
.libreria-side-count{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}
.libreria-side-arrow{font-family:var(--mono);color:var(--rust);font-size:14px}

/* ════════════ RESPONSIVE ════════════ */
@media(max-width:900px){
  .libreria-cats-grid{grid-template-columns:1fr}
  .libreria-books-grid{grid-template-columns:1fr}
  .libro-hero{grid-template-columns:1fr;gap:2rem}
  .libro-cover{max-width:240px}
  .libreria-home-grid{grid-template-columns:1fr;gap:1.5rem}
}
@media(max-width:560px){
  .libreria-cat-card{grid-template-columns:1fr;text-align:center;gap:1rem}
  .libreria-cat-covers{margin:0 auto}
  .libreria-feat{flex-direction:column;text-align:center}
  .card-libro{grid-template-columns:1fr;text-align:center;gap:1rem;justify-items:center}
}

/* ── Header archivio (coerente con gli altri archivi) ── */
.arch-head{ padding:56px 0 48px; border-bottom:1px solid var(--paper-line); margin-bottom:3rem; }
.arch-head-inner{ display:flex; justify-content:space-between; align-items:flex-end; gap:32px; flex-wrap:wrap; }
.arch-rubric{ display:inline-block; margin-bottom:14px; font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--rust); font-weight:600; }
.arch-title{ font-family:var(--display); font-weight:400; font-style:italic; font-size:clamp(44px,6vw,80px); line-height:.92; letter-spacing:-.015em; color:var(--ink); margin-bottom:18px; text-wrap:balance; }
.arch-title em{ font-style:italic; color:var(--rust); }
.arch-deck{ font-family:var(--serif); font-size:clamp(16px,1.2vw,19px); line-height:1.55; color:var(--ink-2); max-width:56ch; margin-bottom:1rem; }

/* Titolo hub libreria più grande */
.libreria-hub .arch-title{ font-size:clamp(52px,7vw,96px); }



/* ── Edizione (lingua/formato) — stile serif editoriale ── */
.libro-edizione{font-family:var(--serif);font-style:italic;font-size:1.05rem;
  color:var(--rust);margin-bottom:1.5rem;letter-spacing:.01em}
.card-libro-edizione{font-family:var(--serif);font-style:italic;font-size:.9rem;
  color:var(--ink-mute);margin-top:.4rem}


/* Thumbnail nei correlati libro */
.libro-related-thumb{flex-shrink:0;width:56px;height:56px;border-radius:4px;overflow:hidden;border:1px solid var(--paper-line)}
.libro-related-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.libro-related-thumb--book{width:44px;height:64px}
.libro-related-thumb--book img{width:44px;height:64px}
.libro-related-text{flex:1;display:flex;flex-direction:column;gap:.1rem}
.libro-related-kicker{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rust);font-style:normal}
.libro-related-name{font-family:var(--serif);font-size:1.1rem;color:var(--ink)}
.libro-related-link:hover .libro-related-name{color:var(--rust)}
.libro-related-arrow{flex-shrink:0;color:var(--rust)}