/* ===========================================================================
 * LIVEDATA OS · Override nav per link reali  (site/templates/os/os-overrides.css)
 * ---------------------------------------------------------------------------
 * Nel port PW la navigazione usa <a> (SEO / no-JS), ma os.css stila i vecchi
 * <button>. Qui estendo le stesse regole agli <a>. Collega questo file DOPO
 * os.css, oppure incolla il contenuto in fondo a os.css.
 * =========================================================================== */

/* ── MENUBAR ─────────────────────────────────────────────────────────────── */
.mb-nav a{
  position:relative;padding:8px 12px;font-family:var(--f-mono);font-size:12px;
  letter-spacing:.02em;color:var(--text-dim);transition:color .3s;white-space:nowrap;
  text-decoration:none;line-height:1;display:inline-flex;align-items:center;
}
.mb-nav a:hover{color:var(--text)}
.mb-nav a[aria-current="page"],
.mb-nav a[aria-current="true"]{color:var(--text)}
.mb-nav a[aria-current="page"]::after,
.mb-nav a[aria-current="true"]::after{
  content:"";position:absolute;left:12px;right:12px;bottom:3px;height:1px;background:var(--accent-lit);
}

/* ── DOCK (icone) ────────────────────────────────────────────────────────── */
.dock a,.dock .dock-btn{
  position:relative;width:40px;height:40px;display:grid;place-items:center;
  color:var(--text-dim);transition:.3s var(--ease);text-decoration:none;
}
.dock a svg,.dock .dock-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.5}
.dock a:hover,.dock .dock-btn:hover{color:var(--text);background:var(--glass);transform:translateY(-3px)}
.dock a[aria-current="page"],.dock a[aria-current="true"]{color:var(--accent-lit)}
.dock a[aria-current="page"]::after,.dock a[aria-current="true"]::after{
  content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);
  width:4px;height:4px;border-radius:50%;background:var(--accent-lit);
}
.dock a::before,.dock .dock-btn::before{
  content:attr(data-label);position:absolute;top:-30px;left:50%;
  transform:translateX(-50%) translateY(4px);font-family:var(--f-mono);font-size:10px;
  letter-spacing:.06em;white-space:nowrap;color:var(--text);background:var(--bg-2);
  border:1px solid var(--line);padding:3px 8px;opacity:0;pointer-events:none;transition:.25s;
}
.dock a:hover::before,.dock .dock-btn:hover::before{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── MENU MOBILE ─────────────────────────────────────────────────────────── */
.mmenu a{
  text-align:left;padding:14px 0;border-bottom:1px solid var(--line);
  font-family:var(--f-display);font-weight:500;font-size:clamp(22px,6vw,34px);
  color:var(--text);text-decoration:none;display:block;
}
.mmenu a[aria-current="page"],.mmenu a[aria-current="true"]{color:var(--accent-lit)}

/* pulsante di chiusura del menu mobile */
.mmenu-close{
  position:absolute;top:18px;right:var(--gutter);width:44px;height:44px;
  display:grid;place-items:center;font-size:22px;line-height:1;color:var(--text);
  background:none;border:1px solid var(--line-2);cursor:pointer;transition:.3s;
}
.mmenu-close:hover{color:var(--accent-lit);border-color:var(--accent-lit)}

/* ── PAGINATORE (insights / progetti) ────────────────────────────────────── */
.feed-pager{display:flex;flex-wrap:wrap;gap:6px;margin-top:26px;align-items:center}
.feed-pager .pg{
  min-width:36px;height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--f-mono);font-size:12px;color:var(--text-dim);border:1px solid var(--line);
  text-decoration:none;transition:.25s;
}
.feed-pager .pg:hover{border-color:var(--accent-lit);color:var(--text)}
.feed-pager .pg.is-cur{background:var(--accent);color:#fff;border-color:var(--accent)}