/* ═══════════════════════════════════════════════════════════════════
   TS-LOGO · COMPONENTE LOGO UFFICIALE TALENTSCAN AI
   Single source of truth · include questo file in ogni app:
   <link rel="stylesheet" href="../assets/ts-logo.css">
   <script src="../assets/ts-logo.js" defer></script>
   ═══════════════════════════════════════════════════════════════════ */

/* Caricamento font brand (Manrope) — garantisce che il logo abbia il font
   anche se l'HTML host non lo carica. Caricato in modalità swap per non
   bloccare il render iniziale. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&display=swap');

/* ── 1. Box arrotondato attorno al cubo SVG (28×28 grigio) ── */
.ts-logo-box,
.ts-cube-auto-wrap,
.mdb-logo-box, .ts-logo-icon, .gp-logo-box, .alg-logo-box, .is-logo-box,
.lj-logo-box, .ps-logo-box{
  width:28px !important;height:28px !important;
  border-radius:6px !important;
  background:#dcdde2 !important;
  border:1px solid rgba(0,0,0,.13) !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  flex-shrink:0 !important;
  padding:0 !important;
}

/* HUB: il logo principale (38×38, niente box) · ripristinato originale 24 mag */
.tsl-hub.ts-logo-box, .tsl-hub.brand-mark{
  width:38px !important;height:38px !important;
  background:transparent !important;border:none !important;
  border-radius:0 !important;padding:0 !important;
}
.tsl-hub > svg, .brand-mark > svg{
  width:38px !important;height:38px !important;
}
/* HUB testo brand più grande */
.tsl-hub-text .tsl-talent, .tsl-hub-text .tsl-scan{font-size:26px !important;}
.tsl-hub-text .tsl-ai{font-size:12px !important;margin-top:2px !important;}

/* ── 2. Cubo SVG dentro al box (20×20) ── */
.ts-logo-box > svg, .ts-cube-auto-wrap > svg,
.mdb-logo-box > svg, .ts-logo-icon > svg, .gp-logo-box > svg,
.alg-logo-box > svg, .is-logo-box > svg, .lj-logo-box > svg, .ps-logo-box > svg{
  width:20px !important;height:20px !important;flex-shrink:0;
}

/* ── 3. Wrapper testo brand (Talent + Scan + AI) ── */
.ts-logo-text-wrap{
  display:inline-flex !important;
  flex-direction:column !important;
  line-height:1.2 !important;
}
.ts-logo-brand-row{
  display:inline-flex !important;
  align-items:flex-start !important;
  gap:0 !important;
  line-height:1 !important;
}
.ts-logo-brand-inner{
  display:inline-flex !important;
  align-items:baseline !important;
}

/* ── 4. Talent / Scan / AI · stile ufficiale
       NB: font-size SENZA !important, così le dimensioni inline locali
       (sidebar 13px, hub 26px, ecc.) restano valide.
       Colore/gradient/font-family forzati per garantire identità brand. ── */
/* ── 31 mag · WORDMARK V9 · "hype"(bold scuro) "talent"(medio) ".AI"(cyan apice) ──
   Il rebrand (ts-evo-badge) mostra: tsl-talent→"Hype", tsl-scan→"Talent", tsl-ai→".AI". */
.tsl-talent, .ts-logo-text .tsl-talent,
.mdb-logo-text [data-tl], .ts-logo-text [data-tl]{
  font-family:'Inter','Manrope',-apple-system,'Helvetica Neue',Arial,sans-serif !important;
  font-weight:800 !important;
  color:#0f172a !important;
  background:none !important; -webkit-text-fill-color:#0f172a !important;
  letter-spacing:-.5px !important;
}
.tsl-scan, .ts-logo-text .tsl-scan,
.mdb-logo-text [data-sc], .ts-logo-text [data-sc]{
  font-family:'Inter','Manrope',-apple-system,'Helvetica Neue',Arial,sans-serif !important;
  font-weight:500 !important;
  color:#334155 !important;
  background:none !important; -webkit-text-fill-color:#334155 !important;
  letter-spacing:-.5px !important;
}
.tsl-ai, .ts-logo-text .tsl-ai,
.mdb-logo-text [data-ai], .ts-logo-text [data-ai]{
  font-family:'Inter','Manrope',-apple-system,'Helvetica Neue',Arial,sans-serif !important;
  font-weight:700 !important;
  color:#0284c7 !important;
  background:none !important; -webkit-text-fill-color:#0284c7 !important;
  filter:none !important;
  vertical-align:super !important;
  letter-spacing:.04em !important;
}
/* Fallback dimensioni se NON c'è font-size inline (selettore base) */
.tsl-talent:not([style*="font-size"]),
.tsl-scan:not([style*="font-size"]){font-size:14px;}
.tsl-ai:not([style*="font-size"]){font-size:7px;margin-left:2px;margin-top:1px;}

/* ════════════════════════════════════════════════════════════════════
   31 mag · WORDMARK V9 · classi CANONICHE (aggiunte da ts-evo-badge a
   OGNI sistema di classi del brand: hsb-*, tsl-*, mdb-*, ecc.). Garantiscono
   il look V9 OVUNQUE: hype(bold scuro) · talent(medio) · .AI(cyan apice).
   ════════════════════════════════════════════════════════════════════ */
.ht-p1{
  font-family:'Inter','Manrope',-apple-system,'Helvetica Neue',Arial,sans-serif !important;
  font-weight:800 !important; color:#0f172a !important;
  background:none !important; -webkit-text-fill-color:#0f172a !important;
  filter:none !important; letter-spacing:-.5px !important;
}
.ht-p2{
  font-family:'Inter','Manrope',-apple-system,'Helvetica Neue',Arial,sans-serif !important;
  font-weight:500 !important; color:#334155 !important;
  background:none !important; -webkit-text-fill-color:#334155 !important;
  filter:none !important; letter-spacing:-.5px !important;
}
.ht-p3{
  font-family:'Inter','Manrope',-apple-system,'Helvetica Neue',Arial,sans-serif !important;
  font-weight:700 !important; color:#0284c7 !important;
  background:none !important; -webkit-text-fill-color:#0284c7 !important;
  filter:none !important; vertical-align:super !important; letter-spacing:.04em !important;
  /* neutralizza stili "badge" di alcune pagine (es. identity .b3: bordo/box/uppercase) */
  border:none !important; padding:0 !important; border-radius:0 !important;
  text-transform:none !important; margin-left:1px !important; align-self:auto !important;
}
/* Solo su topbar genuinamente SCURA "hype/talent" diventano chiari (lo splash
   è su sfondo CHIARO → resta scuro). Niente selettori troppo larghi. */
.topbar.dark .ht-p1{ color:#f1f5f9 !important; -webkit-text-fill-color:#f1f5f9 !important; }
.topbar.dark .ht-p2{ color:#94a3b8 !important; -webkit-text-fill-color:#94a3b8 !important; }
/* .AI resta cyan ovunque (sia su chiaro che su scuro) */

/* ── 5. Sottotitolo app ── */
.tsl-sub, .ts-logo-text .tsl-sub,
.mdb-logo-sub, .ts-logo-sub{
  display:block !important;
  font-family:'Manrope',-apple-system,'Helvetica Neue',Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  color:#475569 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
  margin-top:3px !important;
  line-height:1.2 !important;
}

/* ── 6. Wrapper completo logo (allinea cubo + testo) ── */
.ts-logo-full{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  text-decoration:none !important;
  line-height:1 !important;
}