/* =========================================================================
   Aggiunte per WordPress
   Il foglio principale e' condiviso con la versione statica del sito; qui
   c'e' solo cio' che serve dentro WordPress: contenuti dell'editor, barra
   di amministrazione e classi di allineamento del blocco immagine.
   ========================================================================= */

/* la barra di amministrazione spinge giu' la pagina: la testata la segue */
body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}

/* ---------- contenuti scritti nell'editor (privacy policy e simili) ---------- */
.entry-content {
  max-width: 72ch;
  color: var(--txt-on-light);
  font-size: 1.02rem;
}
.entry-content > * + * { margin-top: 1.1em; }

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-family: var(--font-display);
  line-height: 1.15;
  letter-spacing: -.01em;
  margin-top: 2em;
}
.entry-content h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); }
.entry-content h3 { font-size: clamp(1.2rem, 1.8vw, 1.45rem); }
.entry-content h4 { font-size: 1.08rem; }

.entry-content a {
  color: var(--accent-deep);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.entry-content a:hover { color: var(--accent); }

.entry-content ul,
.entry-content ol { padding-left: 1.3em; }
.entry-content li + li { margin-top: .4em; }

.entry-content blockquote {
  margin-left: 0;
  padding-left: 20px;
  border-left: 3px solid var(--accent);
  color: var(--txt-on-light-dim);
}

.entry-content img { border-radius: var(--r-md); }
.entry-content figcaption {
  font-size: .85rem;
  color: var(--steel-500);
  margin-top: 8px;
}

.entry-content table {
  width: 100%;
  border-collapse: collapse;
  font-size: .94rem;
}
.entry-content th,
.entry-content td {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid var(--paper-3);
}
.entry-content th { font-family: var(--font-display); font-weight: 600; }

/* le tabelle larghe scorrono da sole, la pagina non si sposta di lato */
.entry-content .wp-block-table { overflow-x: auto; }

.entry-content code,
.entry-content pre {
  background: var(--paper-2);
  border-radius: var(--r-sm);
  font-size: .92em;
}
.entry-content code { padding: 2px 6px; }
.entry-content pre { padding: 16px; overflow-x: auto; }

/* ---------- allineamenti del blocco immagine ---------- */
.alignleft  { float: left;  margin: .4em 1.4em 1em 0; }
.alignright { float: right; margin: .4em 0 1em 1.4em; }
.aligncenter { display: block; margin-inline: auto; }
.alignwide, .alignfull { max-width: none; }

.wp-caption { max-width: 100%; }
.wp-caption-text {
  font-size: .85rem;
  color: var(--steel-500);
  margin-top: 8px;
}

.screen-reader-text {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ---------- impaginazione degli elenchi ---------- */
.entry-content .wp-block-separator { border: 0; border-top: 1px solid var(--paper-3); }

.navigation.pagination { display: flex; gap: 10px; }
.navigation.pagination .page-numbers {
  display: inline-grid;
  place-content: center;
  min-width: 40px; height: 40px;
  padding-inline: 12px;
  border-radius: 100px;
  font-family: var(--font-display);
  font-size: .9rem;
  color: var(--txt-on-light);
  box-shadow: inset 0 0 0 1.5px rgba(11, 36, 49, .16);
}
.navigation.pagination .page-numbers.current {
  background: var(--ink-700);
  color: #fff;
  box-shadow: none;
}
