/* Override applicato per ultimo (vedi header.html del tema archie).
   Non tocca themes/archie/: solo aggiunte mirate, discusse con l'utente
   il 2026-09-04, per la resa su tablet/smartphone. Vedi memoria di
   progetto [[project_hugo_blog_comments]] / [[project_hugo_blog_mobile]]. */

/* ==========================================================================
   TOC del post: sotto i 760px passa da colonna laterale (max-width 300px,
   sticky) a blocco pieno sopra il testo. Oggi nessun post usa `toc: true`,
   ma senza questa regola la sidebar da 300px schiaccerebbe il testo in una
   colonna illeggibile appena si attiva su un post letto da telefono.
   Sopra i 760px: zero differenze rispetto al CSS originale del tema.
   ========================================================================== */
@media screen and (max-width: 760px) {
  .post-container {
    flex-direction: column;
  }
  .toc {
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 1.5em;
    position: static;
  }
}

/* ==========================================================================
   Box commenti Isso: il tema del blog è scuro fisso (params.mode = "dark"),
   ma il CSS di Isso di default è pensato per sfondo chiaro. Isso espone
   apposta queste custom property sotto #isso-thread (vedi il suo isso.css
   installato in blog-comments/venv) per essere ritemizzato senza toccare
   le sue regole di layout/responsive, che restano quelle originali (incluso
   lo stacking dei campi del form già presente sotto i 600px).
   ========================================================================== */
#isso-thread {
  --isso-primary-text-color: #ddd;
  --isso-secondary-text-color: #999;

  --isso-border: 1px solid #333;
  --isso-box-shadow-color: rgba(0, 0, 0, 0.4);
  --isso-hover-color: var(--darkMaincolor);

  --isso-link-hover-color: var(--darkMaincolor);
  --isso-link-text-shadow-color: transparent;

  --isso-input-background-color: #272822;
  --isso-input-outline-color: var(--darkMaincolor);

  --isso-button-background-color: #333;
  --isso-button-border: 1px solid #444;
  --isso-button-hover-background-color: #444;
  --isso-button-active-background-color: #555;

  --isso-preview-border-color: #333;
  --isso-preview-box-shadow-color: rgba(0, 0, 0, 0.4);
  --isso-preview-background: repeating-linear-gradient(
      -45deg, #272822, #272822 10px, #202124 10px, #202124 20px
  );

  --isso-pre-color: #ddd;
  --isso-pre-background-color: #272822;
  --isso-pre-border-color: #333;

  --isso-comment-divider-color: #333;
  --isso-page-author-suffix-color: var(--darkMaincolor);
  /* colore consigliato dallo stesso isso.css per sfondi scuri */
  --isso-target-fade-background-color: #3f3c1c;
}
h4.isso-thread-heading {
  color: #ddd;
}

/* Isso non definisce un colore testo per questi campi (solo sfondo/bordo
   via le variabili sopra): con sfondo scuro, senza questa regola il testo
   digitato resta nero-di-default del browser su sfondo scuro, illeggibile.
   Riscontrato dall'utente il 2026-09-04. */
#isso-thread .isso-textarea,
#isso-thread .isso-preview,
#isso-thread .isso-input-wrapper input,
#isso-thread .isso-post-action > input {
  color: var(--isso-primary-text-color);
}
#isso-thread .isso-input-wrapper input::placeholder {
  color: var(--isso-secondary-text-color);
  opacity: 1; /* Firefox abbassa di default l'opacità dei placeholder */
}