/* Logo "Blu su Blu" — marchio testuale. Il simbolo animato è in logo-blusublu.js */
:root {
  --bsb-blu-notte: #0a1f8f;     /* "Blu" su fondo chiaro */
  --bsb-azzurro: #00a8e8;       /* "su" su fondo chiaro */
  --bsb-azzurro-chiaro: #5fd3ff;/* "su" su fondo scuro */
  --bsb-sottotitolo: #3d4a5c;
  --bsb-sottotitolo-scuro: #dbe7f4;
  --bsb-font-marchio: "Libre Franklin", "Helvetica Neue", Arial, sans-serif;
  --bsb-font-testo: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
}

.bsb-logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }
.bsb-logo:hover, .bsb-logo:focus-visible { text-decoration: none; }
.bsb-logo__testi { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.bsb-logo__marchio { font-family: var(--bsb-font-marchio); font-weight: 800; font-size: 21px; letter-spacing: -.02em; line-height: 1; white-space: nowrap; color: var(--bsb-blu-notte); }
.bsb-logo__su { color: var(--bsb-azzurro); }
.bsb-logo__sottotitolo { font-family: var(--bsb-font-testo); font-size: 14px; line-height: 1.3; color: var(--bsb-sottotitolo); }

/* Grande (pagine, firma email, presentazioni) */
.bsb-logo--grande { gap: 24px; }
.bsb-logo--grande .bsb-logo__marchio { font-size: 42px; }
.bsb-logo--grande .bsb-logo__sottotitolo { font-size: 17px; }

/* Su fondo scuro */
.bsb-logo--scuro .bsb-logo__marchio { color: #fff; }
.bsb-logo--scuro .bsb-logo__su { color: var(--bsb-azzurro-chiaro); }
.bsb-logo--scuro .bsb-logo__sottotitolo { color: var(--bsb-sottotitolo-scuro); }

/* Header: sotto i 480px il sottotitolo si nasconde */
@media (max-width: 480px) { .bsb-logo--header .bsb-logo__sottotitolo { display: none; } }