/* ═════════════════════════════════════════════════════════════════════
   PAGINA DELLA CASA EDITRICE (20/10/2026)
   Riusa lo scheletro della scheda libro (.detail-overlay, .detail-box, .detail-left,
   .detail-right, .detail-bottom-bar, .detail-bl, .detail-br, .detail-bc) di spine-v52.css:
   qui c'è solo quello che alla scheda libro manca. File a parte, non dentro spine-vNN.css,
   per non far ricaricare a tutti il foglio principale per una pagina sola.
   ═════════════════════════════════════════════════════════════════════ */

/* la pagina dell'editore sta SOTTO la scheda libro: aprendo un libro da qui, il libro la copre */
.editore-overlay{ z-index:190; }
html.ed-aperta, html.ed-aperta body{ overflow:hidden; }

.editore-overlay{ --ed-gap:clamp(10px,1.3vw,18px); --ed-h:clamp(84px,min(7.6vw,12.4vh),170px); }

/* ── colonna sinistra ── */
.ed-sinistra{ padding:96px 48px 40px; }
.ed-etichetta{
  font-size:clamp(11.5px,.98vw,16px); letter-spacing:.13em; text-transform:uppercase;
  color:var(--ink); font-weight:500; width:fit-content; max-width:100%;
}
/* 21/10/2026: la scritta «Publisher» in alto non si vede più (la scheda libro non ne ha); resta per chi usa lo
   screen reader. Il nome parte dalla stessa riga di «Start with» a destra. */
.ed-sr{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.ed-sinistra .detail-author-name{ margin-top:0; }
.ed-sotto{
  font-size:clamp(17px,1.9vw,27px); line-height:1.25; color:var(--ink-mid);
  margin-top:.5em; letter-spacing:-.005em;
}
.ed-testo{
  margin-top:clamp(18px,2.3vw,36px);
  font-size:clamp(14.5px,1.5vw,21.5px); line-height:1.46; letter-spacing:-.003em; color:var(--ink);
}
.ed-testo p{ margin:0 0 .9em; }
.ed-testo p:last-child{ margin-bottom:0; }
.ed-testo a{ color:inherit; text-decoration:none; border-bottom:1.5px solid var(--ink); }
.ed-vuoto{ color:var(--ink-mid); font-size:clamp(14px,1.3vw,19px); line-height:1.4; margin-top:clamp(18px,2.3vw,36px); }

/* ── colonna destra: i tre blocchi di copertine ── */
.ed-destra{
  display:block !important;                      /* .detail-right è un flex con overflow:hidden: qui scorre */
  overflow-y:auto !important; -webkit-overflow-scrolling:touch;
  padding:96px 3.2vw 24px 2.6vw !important;
  scrollbar-width:thin; scrollbar-color:var(--border) transparent;
}
.ed-sez + .ed-sez{ margin-top:clamp(14px,1.5vw,26px); }
.ed-fila{
  display:flex; flex-wrap:wrap; gap:var(--ed-gap); align-items:flex-start;
  margin-top:clamp(8px,.9vw,14px);
}
.ed-fila figure{ margin:0; flex:none; min-width:0; }
.ed-fila a.ed-copertina{ display:block; line-height:0; cursor:pointer; }
.ed-fila img{ display:block; height:var(--ed-h); width:auto; }
.ed-fila figcaption{
  width:0; min-width:100%;
  font-size:clamp(10px,.82vw,13.5px); line-height:1.3; margin-top:.5vw; color:var(--ink-mid);
}
.ed-fila figcaption b{ display:block; font-weight:500; color:var(--ink); }
.ed-fila figcaption span, .ed-fila figcaption i{
  display:block; font-style:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ed-fila a.ed-copertina:hover{ opacity:.7; }
/* la freccia → dopo l'ultimo libro: porta a tutti i libri dell'editore */
.ed-vai{
  flex:none; height:var(--ed-h); display:flex; align-items:center; padding:0 .2vw;
  background:none; border:0; color:var(--ink); cursor:pointer;
}
.ed-vai svg{ width:clamp(22px,1.8vw,34px); height:auto; transition:transform .15s; }
.ed-vai:hover svg{ transform:translateX(4px); }

/* ── fascia in basso ── */
.editore-overlay .detail-bc-val{ font-size:clamp(12.5px,1.25vw,18.5px); line-height:1.42; gap:0; }
.editore-overlay .detail-bc-val a{ color:var(--ink); text-decoration:none; border-bottom:1px solid var(--ink); width:fit-content; max-width:100%; }
/* «Editore  N»: tutta la riga è un bottone, apre «In common» (la pagina dell'altro editore non è raggiungibile da qui) */
.editore-overlay .detail-bc-val .ed-n{
  font:inherit; color:inherit; background:none; border:0; padding:0; margin:0; cursor:pointer;
  line-height:1.2; text-align:left; display:inline-flex; align-items:baseline; gap:.3em; max-width:100%;
}
.editore-overlay .detail-bc-val .ed-n-nome{ border-bottom:1px solid var(--ink); }
.editore-overlay .detail-bc-val .ed-n-num{ padding:0 .25em; border:1px solid var(--ink); border-radius:2px; font-size:.82em; line-height:1.25; }
.editore-overlay .detail-bc-val .ed-n:hover .ed-n-num,
.editore-overlay .detail-bc-val .ed-n[aria-expanded="true"] .ed-n-num{ background:var(--ink); color:var(--bg); }
.editore-overlay .detail-bc-val .ed-n:focus-visible{ outline:2px solid var(--ink); outline-offset:3px; }
.ed-riga{ display:block; }
.ed-comune[hidden]{ display:none; }
.ed-comune{ padding-left:clamp(14px,2.4vw,44px); }   /* «In common» un po' staccato da «Shares authors with» */
/* gli autori in comune stanno in colonne larghe quanto serve: due se c'è posto, una se lo schermo è stretto, mai fuori dal bordo */
.ed-comune .detail-bc-val.ed-comune-lista{
  display:block; column-width:8em; column-gap:1.1vw; font-size:clamp(11.5px,1.02vw,16px);
}
.ed-comune .detail-bc-val a{ display:block; width:fit-content; max-width:100%; break-inside:avoid; margin-bottom:.35em; }

/* con «In common» aperto la colonna si allarga (a spese dei Recurring authors) così gli autori vanno su due colonne e la fascia non si alza troppo */
@media (min-width:821px){
  .detail-br.con-comune{ grid-template-columns:minmax(0,1fr) max-content minmax(0,1.8fr); }
}

/* ── telefono: tutto in colonna, scorre l'intera pagina (come la scheda libro) ── */
@media (max-width:820px){
  .editore-overlay{ --ed-h:clamp(84px,26vw,130px); }
  .detail-box .detail-left{ order:1; }                  /* sul telefono la scheda libro mette la copertina per prima: qui prima il nome e il testo */
  .detail-box .ed-destra{ order:2; }
  .ed-sinistra{ padding:96px 20px 24px; }
  .ed-destra{ padding:8px 20px 28px !important; overflow:visible !important; }
  .ed-comune{ padding-left:0; }
  .ed-comune .detail-bc-val.ed-comune-lista{ font-size:15px; }
}

/* ── pagina per chi non ha JavaScript (e per Google) ── */
.ssr-editore h2.ssr-h{ font-size:12.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-mid); margin:26px 0 8px; font-weight:400; }
.spa-ready .ssr-editore{ display:none; }