/* ============================================================
   editorial.css — chrome condiviso delle pagine editoriali
   Gardalytics (manifesto + articoli/analisi).
   Le pagine mantengono i propri stili specifici inline.
   ============================================================ */
:root{
  --gl-navy:#1A2B4A; --gl-gold:#B09A7A; --gl-cream:#FAF7F2;
  --gl-teal:#2C5F6B; --gl-ink:#1C1B18; --gl-muted:#6B6456; --gl-rule:#E4DECF;
}

/* ── Top bar ─────────────────────────────────────────────── */
.gl-top{
  position:sticky; top:0; z-index:30;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:12px 24px;
  background:rgba(250,247,242,.92); backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid var(--gl-rule);
  font-family:'Source Sans 3',-apple-system,sans-serif;
}
.gl-top a{ text-decoration:none; }
.gl-wordmark{
  font-family:'Libre Baskerville',Georgia,serif; font-weight:700;
  font-size:17px; color:var(--gl-navy); letter-spacing:-.01em;
}
.gl-wordmark span{ color:var(--gl-gold); }
.gl-wordmark em{
  font-style:normal; font-family:'Source Sans 3',sans-serif; font-weight:700;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--gl-muted); margin-left:8px;
}
.gl-nav{ display:flex; gap:22px; font-size:13px; font-weight:600; }
.gl-nav a{ color:var(--gl-muted); transition:color .15s; }
.gl-nav a:hover, .gl-nav a.active{ color:var(--gl-navy); }

/* ── Footer ──────────────────────────────────────────────── */
.gl-foot{
  font-family:'Source Sans 3',sans-serif;
  border-top:2px solid var(--gl-navy); margin-top:72px;
  padding:30px 24px; background:#fff;
  display:flex; flex-wrap:wrap; gap:10px 24px;
  align-items:center; justify-content:space-between;
  font-size:12.5px; letter-spacing:.04em; color:var(--gl-muted);
}
.gl-foot a{ color:var(--gl-navy); font-weight:700; text-decoration:none; }
.gl-foot a:hover{ color:var(--gl-gold); }
.gl-foot .gl-foot-tag{ letter-spacing:.14em; text-transform:uppercase; }

/* ── Breadcrumb (articoli) ───────────────────────────────── */
.gl-crumb{
  font-family:'Source Sans 3',sans-serif; font-size:12px; font-weight:600;
  letter-spacing:.06em; text-transform:uppercase; color:var(--gl-muted);
  margin:0 0 18px;
}
.gl-crumb a{ color:var(--gl-muted); text-decoration:none; }
.gl-crumb a:hover{ color:var(--gl-navy); }
.gl-crumb span{ color:var(--gl-gold); margin:0 6px; }

/* ── Autore (avatar tondo + nome) ───────────────────────── */
.gl-author{ display:inline-flex; align-items:center; gap:10px; font-style:normal; }
.gl-avatar{
  position:relative; width:36px; height:36px; border-radius:50%; flex:0 0 auto; overflow:hidden;
  background:var(--gl-navy); color:#fff;
  display:inline-flex; align-items:center; justify-content:center;
  font-family:'Source Sans 3',sans-serif; font-size:11px; font-weight:700; letter-spacing:.03em;
  border:1px solid var(--gl-rule);
}
.gl-avatar img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* ── Selettore lingua ───────────────────────────────────── */
.gl-lang{ display:inline-flex; gap:1px; margin-left:8px; font-size:11px; font-weight:700; letter-spacing:.06em; }
.gl-lang a{ color:var(--gl-muted); text-decoration:none; padding:2px 5px; border-radius:3px; }
.gl-lang a:hover{ color:var(--gl-navy); }
.gl-lang a.active{ color:var(--gl-navy); background:rgba(176,154,122,.20); }

@media(max-width:560px){
  /* Header editoriale: impilato e centrato (stile rivista), niente compressione */
  .gl-top{ flex-direction:column; align-items:center; gap:9px; padding:13px 16px 11px; }
  .gl-wordmark{ font-size:17px; }
  .gl-nav{ width:100%; justify-content:center; flex-wrap:wrap; gap:7px 18px; font-size:12.5px; }
  .gl-lang{ flex-basis:100%; justify-content:center; margin:3px 0 0; padding-top:8px; border-top:1px solid var(--gl-rule); gap:2px; }
}