/* ==========================================================================
   Deliver — adattamenti a WordPress
   tokens.css e main.css sono copie del prototipo approvato e non si modificano qui:
   questo file aggiunge solo ciò che serve dentro WordPress.
   ========================================================================== */

/* Barra di amministrazione (solo utenti collegati): l'header fisso scende sotto la barra */
.admin-bar .site-header { top: 32px; }
.admin-bar .mobile-menu { top: calc(var(--header-h) + 32px); }
@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
  .admin-bar .mobile-menu { top: calc(var(--header-h) + 46px); }
}
@media (max-width: 600px) {
  /* Sotto i 600px WordPress fa scorrere la barra con la pagina e coprirebbe l'header fisso:
     per gli utenti collegati la barra resta fissa in alto. */
  .admin-bar #wpadminbar { position: fixed; }
}

/* Testo per lettori di schermo usato da WordPress e dai plugin */
.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Pagina 404 */
.not-found { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-5) var(--s-7); }

/* Articoli: blocchi nativi (Tabella, Gruppo "callout", Elenco) con l'aspetto del prototipo.
   Gli stili predefiniti dei blocchi di WordPress vengono neutralizzati con selettori più specifici. */
.prose figure.wp-block-table { margin: 1.15em 0 0; }
.prose > figure.wp-block-table:first-child { margin-top: 0; }
.prose .wp-block-table table { width: 100%; border-collapse: collapse; }
.prose .wp-block-table thead,
.prose .wp-block-table tfoot { border: 0; }
.prose .wp-block-table th,
.prose .wp-block-table td { border-left: 0; border-right: 0; }
.prose .wp-block-table th { border-top: 0; padding: .75rem 1rem; }
.prose .wp-block-table td { border-bottom: 0; padding: .75rem 1rem; }
@media (max-width: 639.98px) {
  .prose .wp-block-table td { border: 0; padding: .35rem 0; }
}
.prose .callout.wp-block-group > * { margin-block: 0; }
.prose .callout.wp-block-group > * + * { margin-top: .8em; }
.prose .callout.wp-block-group .wp-block-table { margin-top: var(--s-3); }

/* Archivio Approfondimenti: con le date di pubblicazione ("18 ottobre 2026 · 4 min") la colonna
   del prototipo (10rem) manda a capo; si allarga quanto basta per una riga. */
@media (min-width: 900px) { .archive-row a { grid-template-columns: 11rem 1fr 13rem; } }
.archive-meta { white-space: nowrap; }

/* Editor a blocchi (solo dentro l'editor: .is-root-container non esiste sul sito pubblico).
   Rende il testo degli articoli leggibile come nella pagina: spaziature, elenchi, tabelle. */
.is-root-container { font-size: 1.0625rem; line-height: 1.75; color: var(--text); }
.is-root-container > * + * { margin-top: 1.15em; }
.is-root-container > h2 { margin-top: 2em; font-size: clamp(1.4rem, 1.2rem + .8vw, 1.85rem); }
.is-root-container ul.wp-block-list { list-style: disc; padding-left: 1.4em; }
.is-root-container ol.wp-block-list { list-style: decimal; padding-left: 1.6em; }
.is-root-container .wp-block-list li + li { margin-top: .4em; }
.is-root-container .wp-block-table th,
.is-root-container .wp-block-table td { border: 1px solid var(--line); padding: .5rem .75rem; vertical-align: top; text-align: left; }
.is-root-container .callout { padding: var(--s-5); background: var(--surface-alt); border-left: 3px solid var(--arancio); }

/* Contenuto Gutenberg generico (pagine senza sezioni dedicate) */
.entry-content > * + * { margin-top: var(--s-4); }
.entry-content .wp-block-image figcaption,
.entry-content .wp-element-caption { margin-top: var(--s-2); font-size: var(--fs-xs); color: var(--muted); }
.entry-content .alignleft { float: left; margin: 0 var(--s-5) var(--s-4) 0; }
.entry-content .alignright { float: right; margin: 0 0 var(--s-4) var(--s-5); }
.entry-content .aligncenter { margin-inline: auto; }