/* =====================================================================
   FUMETTI AL RICETTO — Foglio di stile 2026
   Base: valori reali del sito 2025 (Montserrat, gerarchia tipografica)
   Tema edizione: Azzurro "Alberto" + giallo come accento CTA
   Tema WordPress: GeneratePress + child "fumetti-child"
   ===================================================================== */

/* =====================================================================
   1. TOKEN — cambia qui, si aggiorna tutto il sito
   ===================================================================== */
:root {
  --far-titolo:    #0E3A5A;
  --far-testo:     #1d1e20;
  --far-grigio:    #56585e;
  --far-accent:    #2AA9E0;
  --far-accent-2:  #FDBB2D;
  --far-coral:     #ec493a;
  --far-sfondo:    #ffffff;
  --far-linea:     #e6e8ec;
  --far-inchiostro:#111111;

  --far-font:       'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --far-font-jp:    'Noto Sans JP', var(--far-font);
  --far-font-comic: 'Luckiest Guy', var(--far-font);
  --far-display:    'Bangers', var(--far-font);

  --far-fs-body: 1.0625rem;
  --far-fs-h1: clamp(2.5rem, 2rem + 3vw, 3.5rem);
  --far-fs-h2: clamp(2.08rem, 1.67rem + 2.5vw, 2.92rem);
  --far-fs-h3: clamp(1.74rem, 1.39rem + 2.08vw, 2.43rem);
  --far-fs-h4: clamp(1.45rem, 1.16rem + 1.74vw, 2.03rem);
  --far-fs-h5: clamp(1.21rem, 0.96rem + 1.45vw, 1.69rem);
  --far-fs-h6: clamp(1rem, 0.8rem + 1.21vw, 1.41rem);
  --far-fs-small: 0.875rem;

  --far-content-max: 1280px;
  --far-gutter: clamp(1rem, 4vw, 2rem);
  --far-space: clamp(2.5rem, 6vw, 5rem);
  --far-radius: 14px;

  color-scheme: light;
}

/* =====================================================================
   2. RESET & BASE MODERNI (specificità bassa: GeneratePress può sovrascrivere)
   ===================================================================== */
*, *::before, *::after { box-sizing: border-box; }

:where(img, svg, video, canvas) { max-width: 100%; height: auto; }
:where(img) { font-style: italic; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 90px; /* compensa header sticky — regola sull'altezza reale */
}

body {
  font-family: var(--far-font);
  font-size: var(--far-fs-body);
  font-weight: 400;
  line-height: 1.6;
  color: var(--far-testo);
  background-color: var(--far-sfondo);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-wrap: break-word;
}

:lang(ja) { font-family: var(--far-font-jp); }

/* =====================================================================
   3. TIPOGRAFIA
   ===================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--far-font);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--far-testo);
  text-wrap: balance;
}
h1 { font-size: var(--far-fs-h1); } /* aggiungi color: var(--far-titolo); se vuoi H1 blu notte */
h2 { font-size: var(--far-fs-h2); }
h3 { font-size: var(--far-fs-h3); }
h4 { font-size: var(--far-fs-h4); }
h5 { font-size: var(--far-fs-h5); color: var(--far-accent); }
h6 { font-size: var(--far-fs-h6); }

/* Sottotitolo "fumetto" — usare SOLO su frasi brevi (tutto maiuscolo) */
.far-sub {
  font-family: var(--far-font-comic);
  font-weight: 400;
  color: var(--far-titolo);
  line-height: 1.1;
  letter-spacing: .01em;
}

p {
  color: #2b2d31;
  font-size: 1.0625rem;
  max-width: 68ch;
  text-wrap: pretty;
}

a { color: var(--far-accent); text-decoration: none; transition: color .15s ease; }
a:hover { color: var(--far-titolo); }

hr { border: 0; border-top: 1px solid var(--far-linea); margin: var(--far-space) 0; }

/* =====================================================================
   4. LARGHEZZA CONTENUTO — max 1280px (GeneratePress)
   NOTA: imposta anche in Aspetto → Personalizza → Layout → Larghezza contenitore = 1280px.
   Le righe qui sotto sono il rinforzo CSS.
   ===================================================================== */
.grid-container { max-width: var(--far-content-max); }

.far-container {
  max-width: var(--far-content-max);
  margin-inline: auto;
  padding-inline: var(--far-gutter);
}
.far-section { padding-block: var(--far-space); }

/* =====================================================================
   5. BOTTONI — stile "sticker" da fumetto
   ===================================================================== */
.far-btn {
  display: inline-flex; align-items: center; gap: .5em;
  min-height: 44px; padding: .7em 1.4em;
  font-family: var(--far-font); font-weight: 600; font-size: 1rem; line-height: 1;
  color: #fff; background: var(--far-accent);
  border: 2px solid var(--far-inchiostro); border-radius: 12px;
  box-shadow: 3px 3px 0 rgba(17,17,17,.85);
  text-decoration: none; cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}
.far-btn:hover  { color:#fff; transform: translate(-1px,-1px); box-shadow: 5px 5px 0 rgba(17,17,17,.9); }
.far-btn:active { transform: translate(2px,2px); box-shadow: 1px 1px 0 rgba(17,17,17,.9); }

.far-btn--cta { background: var(--far-accent-2); color: var(--far-titolo); }
.far-btn--cta:hover { color: var(--far-titolo); }

/* =====================================================================
   6. ACCENTI FUMETTO — utility opzionali, da usare con parsimonia
   ===================================================================== */
.far-eyebrow {
  display: inline-block; font-weight: 700; text-transform: uppercase;
  letter-spacing: .14em; font-size: .8rem; color: var(--far-accent);
}

.far-highlight {
  background: linear-gradient(120deg,
    color-mix(in srgb, var(--far-accent) 30%, transparent),
    color-mix(in srgb, var(--far-accent) 30%, transparent));
  background-size: 100% .55em; background-repeat: no-repeat; background-position: 0 88%;
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
  padding: 0 .05em;
}

.far-panel {
  background: #fff;
  border: 3px solid var(--far-inchiostro);
  border-radius: var(--far-radius);
  box-shadow: 6px 6px 0 rgba(14,58,90,.9);
}

.far-badge {
  display: inline-block; font-family: var(--far-display); font-weight: 400;
  font-size: 1.1rem; line-height: 1; letter-spacing: .03em;
  color: #fff; background: var(--far-accent);
  padding: .35em .8em; border: 2px solid var(--far-inchiostro);
  border-radius: 999px; transform: rotate(-2deg);
}
.far-badge--giallo { background: var(--far-accent-2); color: var(--far-titolo); }

.far-display { font-family: var(--far-display); font-weight: 400; letter-spacing: .02em; }

.far-halftone {
  background-image: radial-gradient(
    color-mix(in srgb, var(--far-accent) 22%, transparent) 1.5px, transparent 1.6px);
  background-size: 14px 14px;
}

/* =====================================================================
   7. ACCESSIBILITÀ & UX
   ===================================================================== */
:focus-visible {
  outline: 3px solid var(--far-accent);
  outline-offset: 2px; border-radius: 2px;
}

::selection { background: var(--far-accent); color: #fff; }

@media (hover: none) and (pointer: coarse) {
  nav a, .far-btn { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important; animation-iteration-count: 1 !important;
    transition-duration: .01ms !important; scroll-behavior: auto !important;
  }
}

/* =====================================================================
   8. RESPONSIVE — rifiniture (la scala fluida fa già il grosso)
   ===================================================================== */
@media (max-width: 640px) {
  :root { --far-space: 2.5rem; }
  p { max-width: 100%; }
  .far-badge { transform: none; }
}

table { width: 100%; border-collapse: collapse; }
iframe, embed, object { max-width: 100%; }

/* =====================================================================
   9. STAMPA — pulizia base
   ===================================================================== */
@media print {
  nav, .far-btn, footer { display: none !important; }
  body { color: #000; background: #fff; }
  a { color: #000; text-decoration: underline; }
}

/* =====================================================================
   SCHEME PER PAGINA — combinazioni colore selezionabili dal meta box
   "Combinazione colore" (meta _far_scheme → classe body.far-scheme-*).
   Il DEFAULT del sito resta quello dei token in :root
   (azzurro #2AA9E0 / blu notte #0E3A5A / giallo #FDBB2D).
   Tutto il layout usa var(--far-accent)/var(--far-titolo): cambiare
   scheme ribalta bottoni, link, kicker e bordi senza altre modifiche.
   Volendo si può cambiare anche il FONT per scheme, ad es.:
     body.far-scheme-verde { --far-font-comic: 'Bangers', var(--far-font); }
   ===================================================================== */
body.far-scheme-azzurro   { --far-accent:#2AA9E0; --far-titolo:#0E3A5A; }
body.far-scheme-verde     { --far-accent:#8EB524; --far-titolo:#2f4a12; }
body.far-scheme-rosso     { --far-accent:#E63329; --far-titolo:#5a1410; }
body.far-scheme-arancione { --far-accent:#F5843E; --far-titolo:#5a2f10; }

/* =====================================================================
   HEADER, NAV E ACCESSIBILITÀ — struttura base del tema autonomo
   (hamburger sotto 900px, skip link, testo solo screen reader)
   ===================================================================== */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.skip-link:focus {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 1000;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0.75em 1.25em;
  clip: auto;
  background: var(--far-titolo);
  color: #fff;
  font-family: var(--far-font);
  text-decoration: none;
  border-radius: 4px;
}

.site-header {
  background: var(--far-sfondo);
  border-bottom: 1px solid var(--far-linea);
}
.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.9rem 1.25rem;
}
.site-branding .custom-logo {
  display: block;
  max-height: 56px;
  width: auto;
}
.site-title {
  font-family: var(--far-font);
  font-weight: 700;
  font-size: 1.35rem;
  color: var(--far-titolo);
  text-decoration: none;
}

/* Voci di primo livello */
.main-navigation ul{display:flex;gap:1.75rem;margin:0;padding:0;list-style:none;align-items:center;}
.main-navigation li{position:relative;}
.main-navigation a{font-family:var(--far-font);font-weight:600;color:var(--far-titolo);text-decoration:none;padding:.4rem 0;display:block;}
.main-navigation a:hover,.main-navigation .current-menu-item>a{color:var(--far-accent);}

/* Voce con figli: freccetta */
.main-navigation .menu-item-has-children>a::after{content:"▾";margin-left:.35em;font-size:.8em;}

/* SOTTOMENU desktop: dropdown a comparsa */
.main-navigation .sub-menu{
  position:absolute;top:100%;left:0;z-index:200;
  display:block;min-width:220px;margin:0;padding:.4rem 0;
  background:#fff;border:1px solid var(--far-linea);border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
  flex-direction:column;gap:0;
}
.main-navigation li:hover>.sub-menu,
.main-navigation li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.main-navigation .sub-menu li{width:100%;}
.main-navigation .sub-menu a{padding:.55rem 1.1rem;font-weight:500;white-space:nowrap;border-radius:0;}
.main-navigation .sub-menu a:hover{background:#f4f8fb;color:var(--far-accent);}

.menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  background: none;
  border: 2px solid var(--far-titolo);
  border-radius: 6px;
  cursor: pointer;
}
.menu-toggle__bar {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--far-titolo);
}

@media (max-width: 900px) {
  .menu-toggle {
    display: flex;
  }
  /* MOBILE: menu a tendina verticale + sottomenu indentato */
  .main-navigation ul{
    display:none;flex-direction:column;gap:0;align-items:stretch;
    position:absolute;left:0;right:0;top:100%;z-index:100;
    background:#fff;border-bottom:1px solid var(--far-linea);
    padding:.5rem 1.25rem 1rem;box-shadow:0 12px 24px rgba(0,0,0,.1);
  }
  .main-navigation.is-open ul{display:flex;}
  .main-navigation li{position:static;}
  .main-navigation a{padding:.85rem 0;border-bottom:1px solid #f0f2f4;}
  .main-navigation .menu-item-has-children>a::after{float:right;}
  /* sottomenu mobile: sempre visibile, indentato, senza dropdown assoluto */
  .main-navigation .sub-menu{
    position:static;opacity:1;visibility:visible;transform:none;
    box-shadow:none;border:0;border-radius:0;padding:0 0 .3rem;min-width:0;
    background:transparent;
  }
  .main-navigation .sub-menu a{padding:.6rem 0 .6rem 1.2rem;color:var(--far-grigio);border-bottom:1px solid #f6f7f9;}
  .main-navigation .sub-menu a::before{content:"– ";color:var(--far-accent);}
  .site-header__inner {
    position: relative;
  }
}

/* Footer — sfondo ambra, testi blu notte */
.site-footer {
  margin-top: 3rem;
  background: var(--far-accent-2);
  color: var(--far-titolo);
}
.site-footer-inner {
  display: grid;
  grid-template-columns: 1.2fr 1.4fr auto;
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
  padding-block: clamp(2rem, 5vw, 3rem);
}
.site-footer p { color: var(--far-titolo); max-width: none; margin: 0; }
.footer-name {
  font-family: var(--far-font-comic);
  font-size: 1.6rem;
  line-height: 1.1;
}
.footer-payoff { font-weight: 600; margin-top: .35rem; }
.footer-credits p { font-size: .9rem; margin-bottom: .3rem; }
.footer-credits p:last-child { margin-bottom: 0; }
.footer-social { display: flex; gap: 1rem; }
.footer-social a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px;                /* target touch ≥ 44px */
  color: var(--far-titolo);
  border: 2px solid var(--far-titolo);
  border-radius: 50%;
  transition: background-color .15s ease, color .15s ease;
}
.footer-social a:hover { background: var(--far-titolo); color: var(--far-accent-2); }

@media (max-width: 820px) {
  .site-footer-inner {
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
  }
}

/* =========================================================
   HERO — home (Sezione 1)
   ========================================================= */
.hero-intro { text-align:center; max-width:900px; margin:0 auto clamp(2rem,5vw,3.5rem); }
.hero-intro h1 { color:var(--far-titolo); }
.hero-claim { font-weight:600; color:var(--far-testo);
  font-size:clamp(1.1rem,1rem + .8vw,1.4rem); max-width:none; margin-inline:auto; }

.hero-grid{
  display:grid;
  grid-template-columns:1fr 1.05fr .8fr;
  gap:clamp(1rem,3vw,2.5rem);
  align-items:start;
}
.hero-grid > * { min-width:0; }

.hero-text h2 { margin-bottom:1rem; }
.hero-text .hero-lead { max-width:none; }

/* Colonna centrale: locandina + bottone sotto */
.hero-centro { display:flex; flex-direction:column; align-items:flex-start; gap:1.5rem; }
.hero-centro .hero-media { width:100%; }
.hero-btn { font-size:1rem; padding:.85em 1.6em; border-radius:999px; }

/* Diabolik: colonna destra, ribassata */
.hero-alberto { margin-top:120%; }

.hero-media img { display:block; width:100%; height:auto;
  border-radius:18px; box-shadow:0 10px 30px rgba(0,0,0,.18); }
.hero-locandina img { object-fit:contain; }
.hero-alberto img { aspect-ratio:1/1; object-fit:cover; }

@media (max-width:980px){
  .hero-grid{ grid-template-columns:1fr; justify-items:center; }
  .hero-centro{ align-items:center; }
  .hero-alberto{ margin-top:0; }
  .hero-media img{ max-width:480px; }
}

/* =========================================================
   SEZIONE 2 — Annuncio "3-4 ottobre 2026" (foto sfondo + card bianca)
   ========================================================= */
.annuncio{
  background-size:cover;
  background-position:center;
  background-attachment:fixed;      /* parallax: sfondo fisso al scroll */
  padding:clamp(3rem,9vw,7rem) var(--far-gutter);
  display:flex;
  justify-content:center;
}
.annuncio-card{
  background:#fff;
  max-width:760px;
  width:100%;
  text-align:center;
  padding:clamp(2rem,5vw,3.5rem);
  border-radius:4px;
  box-shadow:0 20px 50px rgba(0,0,0,.25);
}
.annuncio-data{ color:var(--far-titolo); margin-bottom:1.5rem; }
.annuncio-testo p{ color:var(--far-testo); max-width:none; margin:0 auto 1.3rem; }
.annuncio-testo p:last-child{ margin-bottom:0; }

@media (max-width:768px){
  .annuncio{ background-attachment:scroll; }
}

/* =========================================================
   SEZIONE 3 — Galleria (Modula)
   ========================================================= */
.gallery-title { text-align:center; color:var(--far-titolo); }
.gallery-sub { text-align:center; max-width:none; margin:0 auto clamp(1.5rem,4vw,2.5rem); }

/* =========================================================
   SEZIONE — News (home) + navigazione articoli
   ========================================================= */
.news-title { text-align:center; color:var(--far-titolo); margin-bottom:clamp(1.5rem,4vw,2.5rem); }

.news-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:clamp(1rem,2vw,1.5rem);
}
.news-card{
  display:flex; flex-direction:column;
  background:#fff; border-radius:14px; overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.10);
  text-decoration:none; color:inherit;
  transition:transform .18s ease, box-shadow .18s ease;
}
.news-card:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.16); }
.news-card-img{ aspect-ratio:16/10; background:#eee; overflow:hidden; }
.news-card-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.news-card-body{ padding:1rem 1.1rem 1.3rem; }
.news-card-title{ font-size:1.1rem; color:var(--far-titolo); margin:0 0 .5rem; }
.news-card-excerpt{ font-size:.95rem; color:var(--far-grigio); margin:0; max-width:none; }

.news-more{ display:flex; justify-content:center; margin-top:clamp(1.5rem,4vw,2.5rem); }

/* Navigazione Prec/Succ nel singolo articolo */
.post-nav{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:1rem;
  align-items:center;
  margin-top:clamp(2rem,5vw,3.5rem);
  padding-block:1rem;
  border-top:1px solid var(--far-linea);
}
.post-nav-prev{ text-align:left; }
.post-nav-next{ text-align:right; }
.post-nav-prev a, .post-nav-next a{ font-weight:600; }

@media (max-width:980px){
  .news-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:600px){
  .news-grid{ grid-template-columns:1fr; }
  .post-nav{ grid-template-columns:1fr; justify-items:center; }
  .post-nav-prev, .post-nav-next{ text-align:center; }
}

/* =========================================================
   SEZIONE — Espositori
   ========================================================= */
.espositori-grid{
  display:grid; grid-template-columns:1fr 1fr;
  gap:clamp(1.5rem,4vw,3rem); align-items:center;
}
.espositori-testo h2{ color:var(--far-titolo); margin-bottom:1rem; }
.espositori-testo .far-btn{ margin-top:1.25rem; }
.espositori-img img{ width:100%; height:auto; border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.18); display:block; }

/* =========================================================
   SEZIONE — Location + mappa
   ========================================================= */
.location-title{ text-align:center; color:var(--far-titolo); }
.location-sub{ text-align:center; max-width:none; margin:0 auto clamp(1.5rem,4vw,2.5rem); }
.location-grid{
  display:grid; grid-template-columns:1fr 1.4fr;
  gap:clamp(1.5rem,4vw,3rem); align-items:center;
}
.location-blocco{ margin-bottom:1.5rem; }
.location-blocco h3{ color:var(--far-accent); margin:0 0 .25rem; }
.location-blocco p{ margin:0; }
.location-info .far-btn{ margin-top:.5rem; }
.location-map{ position:relative; }
.location-map iframe{
  width:100%; height:400px; border:0; border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.15); display:block;
}

@media (max-width:820px){
  .espositori-grid,
  .location-grid{ grid-template-columns:1fr; }
  .espositori-img{ order:-1; }        /* immagine sopra il testo su mobile */
  .location-map iframe{ height:320px; }
}

/* =========================================================
   PAGINA — Contatti
   ========================================================= */
.contatti-title{ text-align:center; color:var(--far-titolo); }
.contatti-sub{ text-align:center; max-width:none; margin:0 auto clamp(1.5rem,4vw,2.5rem); }
.contatti-form{ max-width:760px; margin:0 auto clamp(2rem,5vw,3rem); }

.contatti-info{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.5rem,4vw,3rem);
  text-align:center; margin-bottom:clamp(2rem,5vw,3rem);
}
.contatti-blocco h3{ color:var(--far-titolo); margin:0 0 .5rem; }
.contatti-blocco p{ margin:0 auto; max-width:none; }

.contatti-media{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(1rem,3vw,2rem);
}
.contatti-map iframe{ width:100%; height:400px; border:0; border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.15); display:block; }
.contatti-foto img{ width:100%; height:400px; object-fit:cover; border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.15); display:block; }

@media (max-width:820px){
  .contatti-info,
  .contatti-media{ grid-template-columns:1fr; }
  .contatti-map iframe, .contatti-foto img{ height:300px; }
}

/* =========================================================
   ARTICOLO SINGOLO — header centrato, foto affiancata a destra
   ========================================================= */
.article-header{
  text-align:center;
  max-width:820px;
  margin:0 auto clamp(2rem,5vw,3rem);
}
.article-title{ color:var(--far-titolo); margin:0 0 .6rem; }
.article-subtitle{
  font-size:clamp(1.05rem,2.2vw,1.25rem);
  font-weight:600;
  max-width:none;
  margin:0 0 1rem;
}
.article-meta{
  display:flex; justify-content:center; align-items:center;
  gap:.75rem; flex-wrap:wrap;
  font-size:.9rem;
}
.article-cat{
  color:var(--far-titolo);
  font-weight:700;
  letter-spacing:.06em;
}
.article-cat::after{ content:"·"; margin-left:.75rem; }

.article-body.has-featured{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:clamp(1.5rem,4vw,3rem);
  align-items:start;
}
.article-featured{ order:2; }          /* foto a destra del testo */
.article-content{ order:1; min-width:0; }
.article-featured img{
  width:100%; height:auto; display:block;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
}

@media (max-width:820px){
  .article-body.has-featured{ grid-template-columns:1fr; }
  .article-featured{ order:0; }        /* foto sopra il testo su mobile */
}

/* ============================================================
   Archivio News — griglia card (archive.php / home.php)
   ============================================================ */
.news-grid--archive{ grid-template-columns:repeat(3,1fr); margin-top:clamp(1.5rem,4vw,2.5rem); }
.news-grid--archive .news-card{ margin:0; }
@media (max-width:900px){ .news-grid--archive{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .news-grid--archive{ grid-template-columns:1fr; } }

/* paginazione */
.news-more .page-numbers{ display:inline-block; padding:.5em .9em; margin:0 .2em;
  border-radius:8px; border:1px solid var(--far-linea); color:var(--far-titolo); text-decoration:none; }
.news-more .page-numbers.current{ background:var(--far-accent); color:#fff; border-color:var(--far-accent); }

/* ============================================================
   Laboratori (page-laboratori.php)
   ============================================================ */
/* Laboratori — griglia */
.lab-title{text-align:center;color:var(--far-titolo);}
.lab-intro{text-align:center;max-width:820px;margin:0 auto clamp(1.5rem,4vw,2.5rem);}
.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;}
.lab-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.10);text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s;}
.lab-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.16);}
.lab-card-img{aspect-ratio:1/1;overflow:hidden;background:#eee;}
.lab-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.lab-card-body{padding:1rem 1.1rem 1.3rem;}
.lab-card-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--far-accent);}
.lab-card-title{font-size:1.1rem;color:var(--far-titolo);margin:.35rem 0 .5rem;}
.lab-card-desc{font-size:.9rem;color:var(--far-grigio);margin:0 0 .7rem;}
.lab-badge{display:inline-block;font-weight:700;font-size:.75rem;padding:.2em .7em;border-radius:999px;align-self:flex-start;}
.lab-badge--gratuito{background:#e3f4d8;color:#3f6021;}
.lab-badge--online{background:#d8ecfa;color:#0E3A5A;}
.lab-badge--loco{background:#fde9c8;color:#8a5a12;}
@media(max-width:900px){.lab-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.lab-grid{grid-template-columns:1fr;}}
/* Scheda laboratorio */
.single-lab{max-width:820px;margin:0 auto;padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(2.5rem,6vw,4rem);}
.lab-detail-title{color:var(--far-titolo);margin:0 0 1.2rem;}
.lab-subtitle{font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:600;color:var(--far-grigio);max-width:none;margin:-.6rem 0 1.2rem;}
.lab-featured img{width:100%;height:auto;border-radius:14px;display:block;margin-bottom:1.5rem;}
.lab-info{background:#f6f8fa;border:1px solid var(--far-linea);border-radius:16px;padding:1.3rem 1.5rem;margin:1.5rem 0;}
.lab-info-title{color:var(--far-titolo);font-size:1.1rem;margin:0 0 .8rem;}
.lab-info-row{margin-bottom:.6rem;}.lab-info-row:last-child{margin-bottom:0;}
.lab-info-label{font-weight:700;color:var(--far-titolo);}
.lab-detail-btn{margin-top:1.5rem;}
.lab-back{display:inline-flex;gap:.4em;margin-top:2.5rem;font-weight:600;color:var(--far-grigio);text-decoration:none;}
.lab-back:hover{color:var(--far-accent);}

/* ============================================================
   Come raggiungerci (page-come-raggiungerci.php)
   ============================================================ */

/* ============================================================
   Griglia Artisti (page-artisti.php)
   ============================================================ */
.artisti-title{text-align:center;color:var(--far-titolo);}
.artisti-intro{ text-align:center; max-width:800px; margin:0 auto clamp(1.5rem,4vw,2.5rem); }
/* Griglia Artisti — stile card foto + nome */
.artisti-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; margin-top:2.5rem; }
.artista-card{ display:block; text-decoration:none; color:inherit; }
.artista-card-img{ position:relative; aspect-ratio:3/4; border-radius:14px; overflow:hidden;
  background:#eee; box-shadow:0 6px 18px rgba(0,0,0,.12); }
.artista-card-img img{ width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .3s ease; }
.artista-card:hover .artista-card-img img{ transform:scale(1.05); }
.artista-card-cat{ position:absolute; left:10px; bottom:10px;
  background:var(--far-accent); color:#fff; font-size:.7rem; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; padding:.25em .7em; border-radius:999px; }
.artista-card-nome{ margin:.75rem 0 0; font-size:1.05rem; color:var(--far-titolo); text-align:center; }
.artista-card:hover .artista-card-nome{ color:var(--far-accent); }
@media(max-width:900px){ .artisti-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .artisti-grid{ grid-template-columns:1fr; } }

/* ============================================================
   Scheda artista — editoriale (template-parts/content-artista.php)
   ============================================================ */
.single-artista{
  max-width:1100px;
  margin:0 auto;
  padding-top:clamp(2.5rem,6vw,4.5rem);   /* respiro sotto l'header */
  padding-bottom:clamp(2.5rem,6vw,4rem);
}
.artista-back{
  display:inline-flex; align-items:center; gap:.4em;
  font-weight:600; font-size:.95rem;
  color:var(--far-grigio); text-decoration:none;
  margin-top:2.5rem;
  transition:color .15s ease;
}
.artista-back:hover{ color:var(--far-accent); }
.artista-hero{display:grid;grid-template-columns:340px 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;margin-bottom:clamp(2.5rem,6vw,4rem);}
.artista-ritratto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.2);display:block;}
.artista-cat{display:inline-block;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--far-accent);font-size:.85rem;margin-bottom:.5rem;}
.artista-nome{color:var(--far-titolo);margin:0;font-size:clamp(2.2rem,1.5rem + 3vw,3.5rem);line-height:1.05;}
.artista-realname{color:var(--far-grigio);margin:.4rem 0 1.2rem;font-size:1.15rem;}
.artista-social{display:flex;gap:.6rem;flex-wrap:wrap;}
.artista-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:2px solid var(--far-accent);color:var(--far-accent);transition:background-color .15s,color .15s,transform .15s;}
.artista-social a:hover{background:var(--far-accent);color:#fff;transform:translateY(-2px);}
.artista-body{display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(2rem,5vw,3.5rem);align-items:start;}
.artista-bio h2{color:var(--far-titolo);font-size:1.5rem;margin:0 0 .8rem;}
.artista-bio p{font-size:1.05rem;line-height:1.7;max-width:none;}
.artista-dettagli{background:#f6f8fa;border:1px solid var(--far-linea);border-radius:16px;padding:1.5rem 1.6rem;}
.artista-dettagli h3{color:var(--far-titolo);font-size:1.1rem;margin:0 0 1rem;}
.artista-dett-item{margin-bottom:1rem;}
.artista-dett-item:last-child{margin-bottom:0;}
.artista-dett-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--far-accent);margin-bottom:.15rem;}
.artista-dett-val{margin:0;color:var(--far-testo);}
.artista-galleria{margin-top:clamp(2.5rem,6vw,4rem);}
.artista-galleria h2{color:var(--far-titolo);text-align:center;margin-bottom:1.5rem;}
@media(max-width:820px){
  .artista-hero{grid-template-columns:1fr;text-align:center;justify-items:center;}
  .artista-ritratto img{max-width:300px;}
  .artista-social{justify-content:center;}
  .artista-body{grid-template-columns:1fr;}
}

/* Galleria opere — masonry a colonne, immagini intere */
.artista-opere{ column-count:3; column-gap:1.2rem; }
.artista-opera{ margin:0 0 1.2rem; break-inside:avoid; }
.artista-opera a{ display:block; }
.artista-opera img{ width:100%; height:auto; display:block; border-radius:12px;
  box-shadow:0 8px 20px rgba(0,0,0,.12); transition:transform .2s ease; }
.artista-opera a:hover img{ transform:scale(1.02); }
.artista-opera figcaption{ font-size:.9rem; color:var(--far-grigio); margin-top:.5rem; }
@media(max-width:900px){ .artista-opere{ column-count:2; } }
@media(max-width:560px){ .artista-opere{ column-count:1; } }

/* ---- Come raggiungerci (2026) ---- */
.cr-title{text-align:center;color:var(--far-titolo);}
.cr-sub{text-align:center;color:var(--far-grigio);max-width:none;margin:0 auto clamp(2rem,5vw,3rem);}
.cr-block{max-width:820px;margin:0 auto clamp(2rem,5vw,3rem);}
.cr-block h2{color:var(--far-accent);margin-bottom:.6rem;}
.cr-block ul{margin:.5rem 0;padding-left:1.2rem;}
.cr-block li{margin-bottom:.3rem;}
.cr-parcheggi img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.12);margin-top:1rem;display:block;}
.cr-map{margin:1rem 0;}
.cr-map iframe{width:100%;height:400px;border:0;border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.12);display:block;}
.cr-block .far-btn{margin-top:1rem;}

/* ---- Galleria laboratorio (masonry + GLightbox) ---- */
.lab-galleria{margin-top:clamp(2rem,5vw,3rem);}
.lab-galleria h2{color:var(--far-titolo);text-align:center;margin-bottom:1.5rem;}
.lab-opere{column-count:3;column-gap:1.2rem;}
.lab-opera{margin:0 0 1.2rem;break-inside:avoid;}
.lab-opera img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.12);transition:transform .2s;}
.lab-opera a:hover img{transform:scale(1.02);}
.lab-opera figcaption{font-size:.9rem;color:var(--far-grigio);margin-top:.5rem;}
@media(max-width:900px){.lab-opere{column-count:2;}}
@media(max-width:560px){.lab-opere{column-count:1;}}

/* ---- Pagina Evento 2026 ---- */
.ev-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,4rem);align-items:center;}
.ev-title{color:var(--far-titolo);margin:.3rem 0 .8rem;}
.ev-lead{font-size:1.1rem;color:var(--far-testo);max-width:none;margin-bottom:1.8rem;}
.ev-hero-loc img{width:100%;height:auto;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.22);display:block;}
.ev-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.ev-stat{display:flex;flex-direction:column;}
.ev-stat-num{font-family:var(--far-font-comic);font-size:clamp(2.2rem,1.5rem+2.5vw,3.4rem);color:var(--far-accent);line-height:1;}
.ev-stat-lab{font-size:.8rem;color:var(--far-grigio);margin-top:.3rem;text-transform:uppercase;letter-spacing:.05em;}
.ev-bg{background:#f6f8fa;}
.ev-h2{text-align:center;color:var(--far-titolo);margin-bottom:.5rem;}
.ev-sub{text-align:center;color:var(--far-grigio);max-width:700px;margin:0 auto clamp(1.5rem,4vw,2.5rem);}
.ev-more{text-align:center;margin-top:2rem;}
/* Card poster eventi: immagine + titolo in sovrimpressione */
.ev-poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.ev-poster{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.14);text-decoration:none;}
.ev-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.ev-poster:hover img{transform:scale(1.06);}
.ev-poster-title{position:absolute;left:0;right:0;bottom:0;padding:1.5rem 1rem .9rem;color:#fff;font-family:var(--far-font-comic);font-size:1.2rem;line-height:1.1;background:linear-gradient(transparent,rgba(0,0,0,.8));}
/* Ticket */
.ev-ticket{background:linear-gradient(135deg,var(--far-accent),var(--far-titolo));}
.ev-ticket-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:640px;margin:2rem auto 1.5rem;}
.ev-ticket-card{background:#fff;border-radius:14px;padding:1.8rem 1.5rem;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.2);}
.ev-ticket-nome{display:block;font-weight:700;color:var(--far-titolo);font-size:1.1rem;}
.ev-ticket-prezzo{display:block;font-family:var(--far-font-comic);font-size:2.5rem;color:var(--far-accent);line-height:1.1;margin:.3rem 0;}
.ev-ticket-nota{display:block;font-size:.85rem;color:var(--far-grigio);}
.ev-ticket-info{text-align:center;color:#fff;max-width:none;margin-top:1rem;}
@media(max-width:900px){.ev-poster-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.ev-hero-grid{grid-template-columns:1fr;}.ev-hero-loc{max-width:360px;margin:0 auto;}.ev-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;}}
@media(max-width:640px){.ev-ticket-grid{grid-template-columns:1fr;}}
@media(max-width:560px){.ev-poster-grid{grid-template-columns:1fr;}}

/* ---- Pagina Silver (ospite d'onore) ---- */
.silver-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center;}
.silver-nome{color:var(--far-titolo);font-size:clamp(3rem,2rem+4vw,5rem);margin:.3rem 0 1rem;}
.silver-claim{font-size:1.2rem;color:var(--far-testo);max-width:none;margin-bottom:1.5rem;}
.silver-hero-img img{width:100%;height:auto;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.22);display:block;}
.silver-foto-placeholder{aspect-ratio:4/5;background:#e6e8ec;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#9aa;font-weight:600;}
.silver-bio-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(2rem,5vw,3.5rem);align-items:start;}
.silver-bio-text h2{color:var(--far-titolo);margin-bottom:1rem;}
.silver-bio-text p{font-size:1.05rem;line-height:1.7;max-width:none;margin-bottom:1.1rem;}
.silver-bio-loc img{width:100%;height:auto;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.18);display:block;}
.silver-credit{font-size:.75rem;color:var(--far-grigio);margin-top:.6rem;text-align:center;}
.silver-alt-text{max-width:820px;}
.silver-alt-text h2{color:var(--far-titolo);margin-bottom:1rem;}
.silver-alt-text p{font-size:1.05rem;line-height:1.7;max-width:none;margin-bottom:1.1rem;}
.silver-temi p{max-width:none;line-height:1.7;margin-bottom:1.1rem;}
.silver-curio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1000px;margin:0 auto;}
.silver-curio-card{background:#fff;border:1px solid var(--far-linea);border-radius:14px;padding:1.3rem 1.4rem;line-height:1.6;box-shadow:0 6px 18px rgba(0,0,0,.08);}
.silver-uff-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem;}
.silver-uff-nota{font-size:.8rem;color:var(--far-grigio);margin-top:1.2rem;}
.silver-incontro-info{display:flex;flex-direction:column;gap:.9rem;max-width:560px;margin:1.8rem auto;}
.silver-inc-item{display:flex;align-items:center;gap:.9rem;background:#f6f8fa;border:1px solid var(--far-linea);border-radius:12px;padding:.9rem 1.2rem;}
.silver-inc-ico{font-size:1.4rem;flex-shrink:0;}
.silver-cta{background:linear-gradient(135deg,var(--far-accent),var(--far-titolo));color:#fff;}
.silver-cta h2,.silver-cta p{color:#fff;}
.silver-cta p{max-width:none;}
.silver-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem;}
.silver-cta-btns .far-btn{background:#fff;color:var(--far-titolo);border-color:#fff;}
@media(max-width:820px){.silver-hero-grid,.silver-bio-grid,.silver-curio-grid{grid-template-columns:1fr;}.silver-hero-img,.silver-bio-loc{max-width:400px;margin:0 auto;}}

/* ---- Link preview (shortcode [linkpreview]) ---- */
.link-preview{display:block;max-width:520px;margin:2rem auto;border:1px solid var(--far-linea);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 6px 18px rgba(0,0,0,.10);transition:box-shadow .18s,transform .18s;background:#fff;}
.link-preview:hover{box-shadow:0 12px 28px rgba(0,0,0,.16);transform:translateY(-3px);}
.link-preview-img{width:100%;background:#f0f2f4;aspect-ratio:1024/415;overflow:hidden;}
.link-preview-img img{width:100%;height:100%;object-fit:cover;display:block;}
.link-preview-body{padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.3rem;}
.link-preview-title{font-weight:700;color:var(--far-titolo);font-size:1.05rem;line-height:1.3;}
.link-preview-desc{font-size:.9rem;color:var(--far-grigio);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.link-preview-url{font-size:.75rem;color:var(--far-accent);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem;}

/* ---- Fasce editoriali (shortcode [fascia]) ---- */
.fascia{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;margin:clamp(2rem,5vw,3.5rem) auto;max-width:1100px;}
.fascia--dx .fascia-img{order:2;}
.fascia-img img{width:100%;height:auto;border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.15);display:block;}
.fascia-text h2,.fascia-text h3{color:var(--far-titolo);margin-top:0;}
.fascia-text p{max-width:none;line-height:1.7;}
.fascia--full{display:block;max-width:820px;}
@media(max-width:768px){
  .fascia{grid-template-columns:1fr;}
  .fascia--dx .fascia-img{order:0;}   /* su mobile immagine sempre sopra */
}

/* ---- Archivio 2025 (pagine elenco) ---- */
.arch-badge{display:inline-block;background:var(--far-accent-2);color:var(--far-titolo);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;padding:.35rem .8rem;border-radius:999px;margin-bottom:.8rem;}
.prog-title{color:var(--far-titolo);margin:0 0 .4rem;}
.prog-sub{color:var(--far-grigio);max-width:720px;margin:0 0 2rem;line-height:1.6;}

/* ---- Programma 2025 ---- */
.prog-day{margin-top:2.2rem;}
.prog-day h2{color:var(--far-accent);font-size:1.4rem;margin:0 0 .8rem;padding-bottom:.4rem;border-bottom:2px solid var(--far-linea);}
.prog-list{list-style:none;margin:0;padding:0;}
.prog-list li{padding:.55rem 0;border-bottom:1px solid var(--far-linea);line-height:1.5;}
.prog-list li:last-child{border-bottom:0;}
.prog-list strong{color:var(--far-titolo);white-space:nowrap;}
.prog-list em{font-style:normal;color:var(--far-accent);font-weight:600;}

/* SCHEME EDIZIONE 2025 — colori storici (corallo/rosa/giallo) */
body.far-scheme-2025{
  --far-accent: #ec493a;   /* corallo, accento firma 2025 */
  --far-titolo: #0d131a;   /* titoli scuri come nel 2025 */
  --far-accent-2: #f2b84c; /* giallo/oro */
}
/* ticket 2025 con sfumatura calda rosa/corallo (non azzurra) */
body.far-scheme-2025 .ev-ticket{ background:linear-gradient(120deg,#f2b84c 0%,#ec493a 45%,#fc5185 100%); }
body.far-scheme-2025 .ev-ticket-prezzo{ color:#ec493a; }
/* stat e accenti caldi */
body.far-scheme-2025 .ev-stat-num{ color:#ec493a; }
body.far-scheme-2025 .arch-badge{ background:#f2b84c; color:#0d131a; }
/* ticket 2025: griglia a 3, prezzo "Omaggio" più piccolo del numerico */
.ev-ticket-grid--3{grid-template-columns:repeat(3,1fr);max-width:900px;}
@media(max-width:820px){.ev-ticket-grid--3{grid-template-columns:1fr;}}
body.far-scheme-2025 .ev-ticket-prezzo{font-size:2.2rem;}

/* ---- Card evento 2026: badge tipo (far_ev_tipo) ---- */
.ev-poster-tipo{position:absolute;top:.8rem;left:.8rem;background:var(--far-accent-2);color:var(--far-titolo);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .65rem;border-radius:999px;}