/* ============================================================
   MITICI ANNI — lancio del libro (5–17 ottobre 2026)
   Striscia "Volume 2" in cima, modulo "Avvisami", vetrina "dal libro" nel forum.
   ============================================================ */

/* Striscia in cima alla pagina: visibile subito anche su telefono */
.launch-strip {
  position: relative; z-index: 3;
  background: linear-gradient(90deg, #160406, var(--nero-2) 45%, #04120a);
  border-bottom: 2px solid var(--rosso);
  box-shadow: 0 0 18px rgba(255,59,59,.25);
}
.launch-strip[hidden] { display: none; }
.launch-strip .wrap {
  display: flex; align-items: center; gap: 14px;
  padding-block: 10px;
}
.launch-strip .ls-cover img {
  width: 46px; height: auto; border: 2px solid var(--crema);
  box-shadow: 3px 3px 0 var(--rosso); transform: rotate(-3deg);
}
.launch-strip .ls-text { margin: 0; flex: 1 1 auto; font-size: 16px; line-height: 1.3; color: var(--crema); }
.launch-strip .ls-text b { font-family: var(--font-display); font-weight: 400; font-size: 15px; letter-spacing: .02em; color: var(--giallo); text-shadow: 0 0 10px rgba(255,225,77,.45); }
.launch-strip .ls-when { display: block; font-family: var(--font-crt); font-size: 19px; color: var(--crema-2); }
.launch-strip .ls-cta { display: flex; gap: 8px; flex: 0 0 auto; min-width: 0; }
.launch-strip .btn95 { min-height: 44px; min-width: 0; font-size: 16px; padding: 6px 12px; line-height: 1.15; text-align: center; }

@media (max-width: 760px) {
  .launch-strip .wrap { flex-wrap: wrap; gap: 10px 12px; padding-block: 10px 12px; }
  .launch-strip .ls-text { flex-basis: calc(100% - 70px); }
  .launch-strip .ls-cta { flex-basis: 100%; }
  .launch-strip .ls-cta .btn95 { flex: 1 1 0; white-space: normal; }
  .launch-strip .ls-cta .btn95.primary { flex-grow: 1.6; }
  .launch-strip .ls-when { font-size: 18px; }
}

/* Modulo "Avvisami" dentro la finestra del libro */
.notify {
  margin: 6px 0 14px; padding: 12px 14px;
  background: #fff; border: 2px solid; border-color: var(--grigio95-scuro) #fff #fff var(--grigio95-scuro);
  scroll-margin-top: 90px;
}
.notify label { display: block; font-family: var(--font-crt); font-size: 21px; color: var(--blu95); margin-bottom: 6px; }
.notify-row { display: flex; gap: 8px; flex-wrap: wrap; }
.notify-row input { flex: 1 1 220px; min-width: 0; min-height: 44px; }
.notify-row input:user-invalid { border-color: #a00; outline: 2px solid #a00; }
.notify-row .btn95 { flex: 0 0 auto; }
.notify .notify-note { font-size: 13px !important; color: #444 !important; margin: 8px 0 0 !important; }
.notify .form-status { margin-top: 6px; }
.notify.is-done .notify-row { display: none; }
#avvisami:target { outline: 3px solid var(--rosso); outline-offset: 3px; }

/* Vetrina "dal libro" nel forum: ben distinta dai pensieri dei visitatori */
.post.post-book {
  background: repeating-linear-gradient(135deg, var(--nero-2) 0 14px, #12121a 14px 28px);
  border-left-color: var(--giallo) !important;
  border-style: dashed solid dashed solid;
}
.post.post-book .who span { color: var(--giallo); }
.post.post-book .who a { font-family: var(--font-crt); font-size: 18px; color: var(--ciano); }
.post.post-book p { font-style: italic; }

.stats-note { font-size: 13px; color: #333; }