/* =============================================================================
   CV-BRAND.CSS — "Technical Premium": sidebar navy + colonna principale chiara.
   Design system leggero (palette Teal+Navy, Space Grotesk/Inter/JetBrains Mono).
   Ottimizzato per resa PDF di alta qualità (print-color-adjust: exact).
   ========================================================================== */
:root {
  --navy:  #0c1626;
  --navy-2:#122036;
  --ink:   #0f172a;
  --slate: #334155;
  --muted: #5b6b82;
  --teal:  #2dd4bf;
  --side-fg:  #dbe3ee;
  --side-mut: #93a6bd;
  --line:  #e2e8f0;
  --paper: #ffffff;
  --side-w: 34%;
  --f-head: "Space Grotesk", system-ui, -apple-system, Segoe UI, sans-serif;
  --f-body: "Inter", system-ui, -apple-system, Segoe UI, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
}

* { box-sizing: border-box; }
html { background: #525659; }
body { margin: 0; font-family: var(--f-body); color: var(--ink); line-height: 1.5; font-size: 14px; }

/* Toolbar (solo a schermo) */
.cvb-toolbar {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  flex-wrap: wrap; max-width: 900px; margin: 0 auto; padding: 16px 20px;
}
.cvb-toolbar a { color: #fff; text-decoration: underline; }
.cvb-toolbar__btns { display: flex; gap: 8px; }
.cvb-tbtn { border: 1px solid #475569; background: #1e293b; color: #fff; cursor: pointer;
  padding: 8px 14px; border-radius: 6px; font: inherit; font-weight: 600; }
.cvb-tbtn--primary { background: var(--teal); border-color: var(--teal); color: #04211d; }

/* Foglio: grid 2 colonne. Il background a gradiente crea la fascia navy
   continua anche tra le pagine in stampa (i bg di colonna non si ripetono). */
.cvb {
  max-width: 900px; margin: 0 auto 40px;
  display: grid; grid-template-columns: var(--side-w) 1fr;
  background: linear-gradient(90deg, var(--navy) 0 var(--side-w), var(--paper) var(--side-w) 100%);
  box-shadow: 0 10px 40px rgba(0,0,0,.4);
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}

/* ---------------- SIDEBAR ---------------- */
.cvb-side { padding: 26px 22px; color: var(--side-fg); }
.cvb-photo {
  width: 96px; height: 96px; border-radius: 14px; overflow: hidden; margin: 0 0 20px;
  background: var(--navy-2); border: 1px solid rgba(45,212,191,.45);
  display: grid; place-items: center;
}
.cvb-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 22%; display: block; }
.cvb-photo--mono { font-family: var(--f-head); font-weight: 700; font-size: 2rem; color: var(--teal); }

.cvb-sblock { margin-bottom: 20px; }
.cvb-sh {
  font-family: var(--f-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--teal); margin: 0 0 9px; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,.12);
}
.cvb-contacts { list-style: none; margin: 0; padding: 0; font-size: 12.5px; }
.cvb-contacts li { margin-bottom: 9px; word-break: break-word; }
.cvb-lbl { display: block; font-family: var(--f-mono); font-size: 9.5px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--side-mut); margin-bottom: 1px; }
.cvb-side a { color: var(--side-fg); text-decoration: none; }

.cvb-metrics { display: grid; gap: 12px; }
.cvb-metric { display: flex; align-items: baseline; gap: 8px; }
.cvb-num { font-family: var(--f-head); font-weight: 700; font-size: 22px; color: var(--teal); line-height: 1; }
.cvb-mlbl { font-size: 11.5px; color: var(--side-mut); }

.cvb-core { display: grid; gap: 10px; }
.cvb-area-name { display: block; font-weight: 600; font-size: 12.5px; color: #fff; }
.cvb-area-tech { display: block; font-size: 11.5px; color: var(--side-mut); line-height: 1.4; }

.cvb-langs { list-style: none; margin: 0; padding: 0; font-size: 12.5px; }
.cvb-langs li { margin-bottom: 5px; }
.cvb-langs strong { color: #fff; }

/* ---------------- MAIN ---------------- */
.cvb-main { padding: 30px 34px; background: transparent; }
.cvb-head { margin-bottom: 18px; padding-bottom: 14px; border-bottom: 2px solid var(--teal); }
.cvb-eyebrow { font-family: var(--f-mono); font-size: 10px; letter-spacing: .26em; text-transform: uppercase;
  color: var(--muted); margin: 0 0 6px; }
.cvb-name { font-family: var(--f-head); font-weight: 700; font-size: 30px; line-height: 1.05;
  letter-spacing: -.5px; color: var(--navy); margin: 0 0 5px; }
.cvb-headline { font-size: 14px; font-weight: 600; color: var(--slate); margin: 0; }

.cvb-msec { margin-bottom: 16px; }
.cvb-msec > h2 {
  font-family: var(--f-head); font-size: 13px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--navy); margin: 0 0 9px; padding-left: 11px; position: relative;
}
.cvb-msec > h2::before { content: ""; position: absolute; left: 0; top: 1px; bottom: 1px; width: 3px;
  border-radius: 2px; background: var(--teal); }
.cvb-lead { font-size: 13.5px; color: var(--slate); margin: 0; }

.cvb-entry { margin-bottom: 12px; }
.cvb-entry-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.cvb-entry h3 { font-family: var(--f-head); font-size: 14.5px; font-weight: 600; color: var(--ink); margin: 0; }
.cvb-dates { font-family: var(--f-mono); font-size: 11px; color: var(--muted); white-space: nowrap; }
.cvb-org { font-size: 12.5px; font-weight: 600; color: var(--teal); filter: brightness(.7); margin: 1px 0 4px; }
.cvb-entry ul { margin: 4px 0 0; padding-left: 17px; }
.cvb-entry li { font-size: 12.5px; color: var(--slate); margin-bottom: 3px; }
.cvb-entry p { font-size: 12.5px; color: var(--slate); margin: 0 0 4px; }
.cvb-tech { font-family: var(--f-mono); font-size: 11px; color: var(--muted) !important; }
.cvb-plinks a { color: var(--navy); font-weight: 600; text-decoration: none; font-size: 11.5px; }

.cvb-certs { margin: 0; padding-left: 17px; columns: 1; }
.cvb-certs li { font-size: 12.5px; color: var(--slate); margin-bottom: 3px; }
.cvb-certs strong { color: var(--ink); font-weight: 600; }
.cvb-print-contacts { display: none; }
.cvb-privacy { grid-column: 1 / -1; background: var(--paper); font-size: 10.5px; color: var(--muted); font-style: italic; margin: 0; padding: 12px 34px; border-top: 1px solid var(--line); }

/* ------------------------------------------------ STAMPA / PDF
   In stampa il CV diventa COLONNA SINGOLA CHIARA: lo schema a 2 colonne con
   sidebar scura lasciava una colonna navy vuota sulle pagine successive e
   margini a filo pagina. Qui linearizziamo con margini reali (@page 0 + padding
   per evitare gli header/footer del browser) e ordine logico via flex order. */
@media print {
  /* Margini di PAGINA (non padding del foglio): valgono su OGNI pagina, cosi'
     anche pagina 2/3 hanno il margine superiore. */
  @page { margin: 14mm 15mm; }
  html, body { background: #fff; }
  body { font-size: 10.5pt; color: var(--ink); }
  .cvb-toolbar, .no-print { display: none !important; }

  .cvb {
    display: flex; flex-direction: column;
    max-width: 100%; margin: 0; box-shadow: none;
    background: #fff !important;
    padding: 0;
    -webkit-print-color-adjust: exact; print-color-adjust: exact;
  }
  .cvb-main { order: 1; padding: 0; }
  .cvb-side { order: 2; padding: 0; margin-top: 6mm; color: var(--ink); }
  .cvb-privacy { order: 3; grid-column: auto; background: none; border-top: 1px solid #d7dee8; margin-top: 6mm; padding: 8px 0 0; }

  /* foto e intera sezione contatti-sidebar nascoste: i contatti vanno sotto il nome */
  .cvb-photo, .cvb-contacts-block { display: none !important; }
  .cvb-print-contacts { display: block; font-size: 10pt; color: var(--muted); margin: 7px 0 0; }
  .cvb-head { border-bottom: 1.5px solid var(--teal); padding-bottom: 9px; margin-bottom: 14px; }

  /* sidebar resa chiara e leggibile su bianco */
  .cvb-sh { color: var(--ink); border-bottom-color: #d7dee8; }
  .cvb-side a, .cvb-num, .cvb-area-name, .cvb-langs strong { color: var(--ink); }
  .cvb-mlbl, .cvb-area-tech { color: var(--muted); }
  .cvb-sblock { margin-bottom: 5mm; }
  .cvb-metrics { display: flex; flex-wrap: wrap; gap: 18px; }
  .cvb-core { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 22px; }

  /* page-break: evita la rottura solo dei singoli blocchi, mai delle sezioni */
  .cvb-entry, .cvb-sblock, .cvb-metric { page-break-inside: avoid; break-inside: avoid; }
  .cvb-entry h3, .cvb-msec > h2, .cvb-sh { page-break-after: avoid; break-after: avoid; }
  .cvb-certs li, .cvb-langs li { page-break-inside: avoid; break-inside: avoid; }
}