/* assets/marketing/nav.css — header "pill" P-2 del sito marketing (desktop + hamburger)

   TF-MKT-REFACTOR-2026-10-06: estratto VERBATIM dal <style> che apriva <header>, identico
   in 48 pagine (principali, informative, guide, blog, strumenti). Il <link> sta in fondo
   al <head>: il blocco era il PRIMO foglio del <body>, quindi l'ordine fra i fogli resta
   quello di prima.

   VARIANTE P-2 "Accento ambra" — finitura premium della pill attuale.
   Stessa scala e geometria (top-14, logo size-8/9, px-1.5 py-2.5).
   Materiali rifiniti come P-1 + CTA ambra piena (unico elemento saturo),
   Accedi weight 600 ink/80, attivo via [aria-current="page"] (index: nessuno).
   Zero keyframes. Solo transition colore/ombra 150ms. */
/* ── mvP2 · Pill glass rifinita ─────────────────────────────────── */
header .mvP2-pill{
  background: rgba(255,255,255,0.62);
  border-color: rgba(255,255,255,0.55);
  box-shadow:
    0 1px 1px rgba(15,23,42,0.04),
    0 10px 30px -12px rgba(15,23,42,0.18),
    inset 0 1px 0 rgba(255,255,255,0.75);
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
  backdrop-filter: blur(20px) saturate(1.5);
}
/* ── mvP2 · Wordmark ────────────────────────────────────────────── */
header .mvP2-brand{
  color:#0f172a;
  letter-spacing:-0.011em;
}
/* ── mvP2 · Nav link (hover pill a geometria invariata: margin negativo) */
header .mvP2-navlink-a{
  display:inline-block;
  padding:7px 11px;
  margin:-7px -11px;
  border-radius:999px;
  transition: background-color 150ms ease;
}
header .mvP2-navlink-a:hover{ background: rgba(15,23,42,0.045); }
header .mvP2-navlink{
  color: rgba(15,23,42,0.64);
  font-size:0.9375rem;
  font-weight:500;
  letter-spacing:0.001em;
  transition: color 150ms ease;
}
header .mvP2-navlink-a:hover .mvP2-navlink{ color:#0f172a; }
/* Pagina corrente: solo se il markup porta aria-current (index: nessuno) */
header .mvP2-navlink-a[aria-current="page"]{ background: rgba(15,23,42,0.05); }
header .mvP2-navlink-a[aria-current="page"] .mvP2-navlink{ color:#0f172a; font-weight:600; }
/* ── mvP2 · Accedi (600, ink/80) ────────────────────────────────── */
header .mvP2-login{
  color: rgba(15,23,42,0.8);
  font-size:0.875rem;
  font-weight:600;
  padding:8px 12px;
  border-radius:999px;
  transition: color 150ms ease, background-color 150ms ease;
}
header .mvP2-login:hover{ color:#0f172a; background: rgba(15,23,42,0.045); }
header .mvP2-login:active{ color:#0f172a; background: rgba(15,23,42,0.09); }
header .mvP2-navlink-a:active{ background: rgba(15,23,42,0.09); }
/* ── mvP2 · CTA ambra piena — l'unico elemento saturo della pill ── */
header .mvP2-cta{
  background:#f59e0b !important;
  color:#ffffff !important;
  box-shadow:
    0 1px 2px rgba(180,83,9,0.35),
    0 8px 20px -8px rgba(245,158,11,0.55),
    inset 0 1px 0 rgba(255,255,255,0.25);
  transition: background-color 150ms ease, box-shadow 150ms ease !important;
}
header .mvP2-cta:active{ background:#b45309 !important; box-shadow:0 1px 2px rgba(67,20,7,.3) !important; }
header .mvP2-cta:hover{
  background:#d97706 !important;
  box-shadow:
    0 1px 2px rgba(180,83,9,0.4),
    0 10px 22px -8px rgba(217,119,6,0.6),
    inset 0 1px 0 rgba(255,255,255,0.2);
}
header .mvP2-cta a{ color:#ffffff; }
header .mvP2-cta [data-button-v3-icon]{
  background: rgba(255,255,255,0.18) !important;
  color:#ffffff !important;
}
header .mvP2-cta:hover [data-button-v3-icon]{ background: rgba(255,255,255,0.26) !important; }
header .mvP2-cta [data-button-v3-text]{
  color:#ffffff !important;
  font-weight:600;
  letter-spacing:0.002em;
}
/* ── mvP2 · Hamburger rifinito (stessa size-12) ─────────────────── */
header .mvP2-burger{
  background: rgba(15,23,42,0.05);
  border:1px solid rgba(15,23,42,0.07);
  transition: background-color 150ms ease;
}
header .mvP2-burger:hover{ background: rgba(15,23,42,0.09); }
header .mvP2-burger .mvP2-burger-line{ background:#0f172a; border-radius:99px; }