/* ============================================================
 * BE-BOOST · site-chrome.css
 * Header e footer del sito principale per le pagine statiche
 * (ai-mentor, ai-value-check, valutazione-fornitori-ai, ...).
 * Tutto è prefissato .bbc- per non toccare gli stili della pagina.
 * Si usa insieme a /assets/site-chrome.js.
 * ============================================================ */
@font-face{font-family:"BB Inter";src:url("./fonts/intervariable.ttf") format("truetype-variations"),url("./fonts/intervariable.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"BB Mono";src:url("./fonts/jetbrainsmono.ttf") format("truetype-variations"),url("./fonts/jetbrainsmono.ttf") format("truetype");font-weight:100 800;font-style:normal;font-display:swap}

.bbc{--bbc-bg:#F4EFE6;--bbc-divider:#E5DED0;--bbc-ink:#141312;--bbc-grey:#6B6661;--bbc-yellow:#FFD60A;--bbc-yellow-hover:#F0C800;
  --bbc-sans:"BB Inter",system-ui,-apple-system,"Helvetica Neue",sans-serif;--bbc-mono:"BB Mono","JetBrains Mono",ui-monospace,monospace;
  font-family:var(--bbc-sans);color:var(--bbc-ink);line-height:1.5;-webkit-font-smoothing:antialiased;letter-spacing:0;text-align:left}
.bbc *,.bbc *::before,.bbc *::after{box-sizing:border-box}
.bbc a{color:inherit;text-decoration:none;border:0}
.bbc img{display:block;max-width:100%}
.bbc ul{list-style:none;margin:0;padding:0}
.bbc p{margin:0}
.bbc-container{max-width:1240px;margin:0 auto;padding:0 32px}

/* ── Header ───────────────────────────────────────────────── */
.bbc-header{position:sticky;top:0;z-index:50;background:var(--bbc-bg);border-bottom:1px solid var(--bbc-divider);padding:14px 0}
.bbc-header-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.bbc-brand{display:flex;align-items:center;gap:14px}
.bbc-brand img{height:24px;width:auto}
.bbc-tagline{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bbc-grey);padding-left:14px;border-left:1px solid var(--bbc-divider);white-space:nowrap}
.bbc-nav{display:flex;align-items:center;gap:28px}
.bbc-nav-link{font-size:14px;font-weight:500;color:var(--bbc-ink);transition:color 140ms ease}
.bbc-nav-link.is-muted{color:var(--bbc-grey)}
.bbc-nav-link:hover{color:var(--bbc-ink);border-bottom:1px solid currentColor;padding-bottom:2px}
.bbc-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--bbc-sans);font-weight:700;font-size:13px;padding:10px 18px;border-radius:999px;border:0;background:var(--bbc-yellow);color:var(--bbc-ink);cursor:pointer;transition:background 140ms ease,transform 140ms ease;white-space:nowrap}
.bbc-btn:hover{background:var(--bbc-yellow-hover)}
.bbc-btn:active{transform:scale(.98)}
.bbc-toggle{display:none;width:44px;height:44px;border:1px solid var(--bbc-divider);background:transparent;color:var(--bbc-ink);border-radius:10px;cursor:pointer;align-items:center;justify-content:center;padding:0;transition:background 140ms ease,color 140ms ease}
.bbc-toggle[aria-expanded="true"]{background:var(--bbc-ink);color:#fff}
.bbc-toggle .bbc-ico-close{display:none}
.bbc-toggle[aria-expanded="true"] .bbc-ico-menu{display:none}
.bbc-toggle[aria-expanded="true"] .bbc-ico-close{display:block}
.bbc-drawer{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--bbc-bg);z-index:49;overflow-y:auto;padding:32px 24px 48px;animation:bbc-drawer-in 200ms ease-out}
.bbc-drawer.is-open{display:block}
.bbc-drawer nav{display:flex;flex-direction:column;gap:4px}
.bbc-drawer nav a{display:block;padding:18px 0;border-bottom:1px solid var(--bbc-divider);font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--bbc-ink)}
.bbc-drawer .bbc-btn{margin-top:32px;width:100%;justify-content:center;font-size:15px;padding:14px 22px}
@keyframes bbc-drawer-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
body.bbc-lock{overflow:hidden}

/* ── Footer ───────────────────────────────────────────────── */
.bbc-footer{background:var(--bbc-bg);color:var(--bbc-ink);border-top:1px solid var(--bbc-divider)}
.bbc-stripe{height:4px;background:var(--bbc-yellow)}
.bbc-footer-grid{padding:72px 32px 40px}
.bbc-footer-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;align-items:flex-start}
.bbc-footer-brand img{height:30px;width:auto}
.bbc-footer-addr{margin-top:22px;color:var(--bbc-grey);font-size:14px;line-height:1.75;max-width:340px}
.bbc-footer-addr b{font-weight:400;color:var(--bbc-ink)}
.bbc-mono{font-family:var(--bbc-mono);font-size:12px;color:var(--bbc-grey);letter-spacing:.02em}
.bbc-award{margin-top:24px;color:var(--bbc-ink);font-size:11px;letter-spacing:.08em}
.bbc-award span{color:var(--bbc-yellow-hover)}
.bbc-social-lbl{margin-top:28px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bbc-ink);margin-bottom:12px}
.bbc-social{display:flex;gap:10px}
.bbc-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--bbc-divider);color:var(--bbc-ink);transition:background 140ms ease,color 140ms ease,border-color 140ms ease}
.bbc-social a:hover{background:var(--bbc-ink);color:#fff;border-color:var(--bbc-ink)}
.bbc-col-title{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bbc-ink);margin-bottom:16px}
.bbc-col ul{display:flex;flex-direction:column;gap:10px}
.bbc-col a{color:var(--bbc-grey);font-size:14px;transition:color 140ms ease}
.bbc-col a:hover{color:var(--bbc-ink)}
.bbc-footer-bottom{border-top:1px solid var(--bbc-divider);margin-top:56px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}

@media (max-width:768px){
  .bbc-container{padding:0 20px}
  .bbc-nav{display:none}
  .bbc-toggle{display:inline-flex}
  .bbc-tagline{display:none}
  .bbc-header-row{gap:12px}
  .bbc-footer-grid{padding:48px 20px 32px}
  .bbc-footer-row{grid-template-columns:1fr;gap:24px}
  .bbc-footer-bottom{margin-top:32px}
}
@media (max-width:480px){.bbc-container{padding:0 16px}.bbc-footer-grid{padding:40px 16px 28px}}