/* =========================================================
   illumination.css — decori "manoscritto illuminato"
   bordi, ornamenti, dorature, sigilli
   ========================================================= */

.cover-ornament {
  width: 80%;
  height: 36px;
  position: relative;
  margin: 0.6rem auto;
  opacity: 0.85;
}
.cover-ornament::before,
.cover-ornament::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-deep) 20%, var(--gold-deep) 80%, transparent);
}
.cover-ornament::after {
  top: calc(50% + 6px);
  background: linear-gradient(90deg, transparent, var(--gold) 30%, var(--gold) 70%, transparent);
  opacity: 0.5;
}
.cover-ornament.top::before,
.cover-ornament.top::after {
  top: 60%;
}
.cover-ornament::before {
  background-image:
    radial-gradient(circle at 50% 50%, var(--gold) 2px, transparent 3px),
    linear-gradient(90deg, transparent, var(--gold-deep) 20%, var(--gold-deep) 80%, transparent);
  background-size: 100% 100%, 100% 1px;
  background-repeat: no-repeat;
}

/* Bordi decorati pagina capitolo */
.chapter::before,
.chapter::after {
  content: "❦";
  display: block;
  text-align: center;
  color: var(--gold-deep);
  font-size: 1.4rem;
  margin: 0 auto;
  opacity: 0.8;
}
.chapter::before { margin-bottom: 1.4rem; }
.chapter::after { margin-top: 2rem; }

/* Cornice ornamentale (angoli) */
.illuminated-corners {
  position: relative;
}
.illuminated-corners::before,
.illuminated-corners::after,
.illuminated-corners > .corner-tl,
.illuminated-corners > .corner-tr,
.illuminated-corners > .corner-bl,
.illuminated-corners > .corner-br {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  border: 2px solid var(--gold-deep);
  opacity: 0.6;
}
.illuminated-corners::before { top: 8px; left: 8px;  border-right: none; border-bottom: none; }
.illuminated-corners::after  { top: 8px; right: 8px; border-left: none;  border-bottom: none; }

/* Animazione bagliore sottile su titoli */
@keyframes glow-soft {
  0%, 100% { text-shadow: 0 0 8px rgba(232, 201, 135, 0.0); }
  50%      { text-shadow: 0 0 14px rgba(232, 201, 135, 0.35); }
}
.cover-title .line-2 {
  animation: glow-soft 6s ease-in-out infinite;
}