/* =========================================================
   typography.css — voce del libro
   ========================================================= */

/* Titolo copertina — versale capitale, alta gerarchia */
.cover-title {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(2.6rem, 7vw, 4.6rem);
  line-height: 0.95;
  letter-spacing: 0.04em;
  color: var(--ink-deep);
  margin: 0.4rem 0 0;
  text-shadow:
    0 1px 0 rgba(255, 250, 235, 0.6),
    0 2px 0 rgba(0,0,0,0.05);
}
.cover-title .title-line {
  display: block;
}
.cover-title .line-2 {
  font-style: italic;
  color: var(--crimson);
  font-weight: 700;
  font-family: var(--serif);
  letter-spacing: 0.02em;
}

/* Titoli capitolo */
.chapter h1, .chapter h2 {
  font-family: var(--display);
  color: var(--ink-deep);
  letter-spacing: 0.08em;
}
.chapter h1 {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  text-align: center;
  margin: 0 0 0.4rem;
  text-transform: uppercase;
}
.chapter h2 {
  font-size: clamp(0.85rem, 2vw, 1.15rem);
  margin-top: 2.4rem;
  margin-bottom: 0.6rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--gold-deep);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chapter h3 {
  font-family: var(--display);
  font-size: clamp(0.8rem, 1.8vw, 1rem);
  margin-top: 1.8rem;
  margin-bottom: 0.5rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--gold-deep);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chapter .chapter-roman {
  display: block;
  font-family: var(--display);
  font-size: 0.8rem;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: var(--gold-deep);
  text-align: center;
  margin-bottom: 0.4rem;
}
.chapter .chapter-sub {
  display: block;
  font-family: var(--serif);
  font-style: italic;
  text-align: center;
  font-size: 1.1rem;
  color: var(--ink-soft);
  margin-bottom: 2rem;
}

/* Corpo testo capitolo */
.chapter p {
  font-family: var(--serif);
  font-size: 1.15rem;
  line-height: 1.85;
  color: var(--ink);
  margin: 0 auto 1.2rem;
  max-width: var(--max-read);
  text-align: justify;
  hyphens: auto;
}

/* Primo paragrafo: capolettera rubricata */
.chapter .first-para::first-letter {
  font-family: var(--black-letter);
  font-size: 4.6em;
  float: left;
  line-height: 0.85;
  padding: 0.1em 0.12em 0 0;
  color: var(--crimson);
  text-shadow:
    1px 1px 0 rgba(0,0,0,0.1),
    0 0 8px rgba(232, 201, 135, 0.3);
}

/* Lettera grande "egiziana" alternativa */
.chapter .first-para.egyptian::first-letter {
  font-family: var(--display);
  color: var(--gold-deep);
  font-size: 4em;
}

/* Citazioni */
.chapter blockquote {
  margin: 2rem auto;
  max-width: 54ch;
  padding: 0.4rem 0 0.4rem 1.4rem;
  border-left: 3px double var(--gold-deep);
  font-style: italic;
  color: var(--ink-soft);
  font-size: 1.1rem;
}
.chapter blockquote::before {
  content: "❝";
  display: block;
  font-family: var(--display);
  font-size: 2rem;
  color: var(--gold);
  line-height: 0;
  margin: 0.6rem 0 0.4rem -0.6rem;
}

/* Frasi forti */
.chapter strong { color: var(--ink-deep); font-weight: 700; }
.chapter em { color: var(--crimson); }

/* Divisore ornamentale */
.chapter .divider {
  display: block;
  text-align: center;
  margin: 2.4rem auto;
  color: var(--gold-deep);
  font-size: 1.4rem;
  letter-spacing: 1rem;
}

/* Invito al dialogo a fine capitolo */
.chapter-invite {
  margin: 3rem auto 0;
  max-width: var(--max-read);
  padding: 1.4rem 1.6rem;
  background: rgba(122, 36, 24, 0.06);
  border-top: 1px solid var(--gold-deep);
  border-bottom: 1px solid var(--gold-deep);
  text-align: center;
}
.chapter-invite p {
  font-family: var(--display);
  font-size: 0.85rem !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold-deep);
  margin-bottom: 1rem !important;
  text-align: center !important;
}
.chapter-invite .open-dialogue {
  padding: 0.85rem 2rem;
  border: 1px solid var(--crimson);
  background: linear-gradient(180deg, var(--crimson-soft), var(--crimson));
  color: var(--parchment);
  font-family: var(--display);
  font-size: 0.85rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  border-radius: 1px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.15),
    0 6px 20px -6px rgba(122, 36, 24, 0.6);
  transition: transform var(--t-fast) var(--ease), background var(--t-med) var(--ease);
}
.chapter-invite .open-dialogue:hover {
  background: linear-gradient(180deg, #c04030, var(--crimson-soft));
  transform: translateY(-1px);
}