/* ============================================================
   TickerPivot — CSS "ponte" per il blog WordPress (v2)
   Rende il blog WP coerente col sito statico.
   CARICARE DOPO /assets/style.css (definisce le variabili --brand, --ink, ecc.).
   ============================================================ */

/* Sfondo e base coerenti col sito */
body, .wp-site-blocks{background:var(--bg);color:var(--ink);
  font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif}

/* Larghezza dei contenuti: l'articolo riempie di più la pagina
   (Twenty Twenty-Five di default usa una colonna molto stretta) */
:root{
  --wp--style--global--content-size:780px;
  --wp--style--global--wide-size:1120px;
}

/* ---- Articolo singolo ---- */
.wp-block-post-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;
  font-size:clamp(28px,4vw,44px);letter-spacing:-.02em;line-height:1.14}
.wp-block-post-date,.wp-block-post-terms,.wp-block-post-author-name,.wp-block-post-author{
  font-size:13px;color:var(--ink3)}
.wp-block-post-terms a,.wp-block-post-author a{color:var(--brand)}

.wp-block-post-content,.entry-content{font-size:16.5px;color:var(--ink)}
.wp-block-post-content p,.entry-content p{margin:0 0 16px;line-height:1.7}
.wp-block-post-content h2,.entry-content h2{font-size:25px;margin:38px 0 14px;letter-spacing:-.02em}
.wp-block-post-content h3,.entry-content h3{font-size:19px;margin:26px 0 10px}
.wp-block-post-content ul,.wp-block-post-content ol,
.entry-content ul,.entry-content ol{margin:0 0 16px 22px}
.wp-block-post-content li,.entry-content li{margin:7px 0}
.wp-block-post-content a,.entry-content a{color:var(--brand);text-decoration:underline}
.wp-block-post-content blockquote,.entry-content blockquote{margin:18px 0;padding:14px 18px;
  border-left:3px solid var(--brand);background:var(--brand-tint);border-radius:0 8px 8px 0}
.wp-block-post-content img,.entry-content img{border-radius:var(--r)}
.wp-block-post-content table th,.entry-content table th{background:var(--bg2)}

/* ---- Lista articoli (Query Loop) -> card ordinate e uniformi ---- */
.wp-block-post-template{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
  list-style:none;margin:0;padding:0}
.wp-block-post-template > li{background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;padding:22px;
  display:flex;flex-direction:column;gap:8px;transition:.15s}
.wp-block-post-template > li:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.wp-block-post-template .wp-block-post-title{font-size:19px;line-height:1.25;margin:0;letter-spacing:-.01em}
.wp-block-post-template .wp-block-post-title a{color:var(--ink);text-decoration:none}
.wp-block-post-template .wp-block-post-title a:hover{color:var(--brand)}
.wp-block-post-template .wp-block-post-terms{font-size:12px;font-weight:600;color:var(--brand);
  text-transform:uppercase;letter-spacing:.04em;margin:0}
.wp-block-post-template .wp-block-post-date{font-size:12px;color:var(--ink3);margin:0}
.wp-block-post-template .wp-block-post-excerpt{margin:0;color:var(--ink2);font-size:14.5px}
/* estratto: massimo 3 righe, poi taglia */
.wp-block-post-template .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden}
.wp-block-post-template .wp-block-read-more,
.wp-block-post-template .wp-block-post-excerpt__more-text a,
.wp-block-post-template .wp-block-post-excerpt a{color:var(--brand);font-weight:600;text-decoration:none}
.wp-block-post-template .wp-block-post-featured-image img{border-radius:8px}

/* ---- Pulsanti del tema -> stile brand ---- */
.wp-block-button__link{background:var(--brand);color:#fff;border-radius:var(--r-sm);
  font-weight:600;padding:12px 20px}
.wp-block-button__link:hover{background:#13518f}
.wp-block-search__button{background:var(--brand);color:#fff;border:0;border-radius:var(--r-sm)}

@media (max-width:900px){
  .wp-block-post-template{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .wp-block-post-template{grid-template-columns:1fr}
}
