/* ==========================================================================
   BP-BRAND — Elementi di brand condivisi fra tutte le pagine
   Prefisso: bp-   |   Dipendenze: token brand (:root) definiti dalla pagina

   Contiene ciò che deve restare identico ovunque e che prima era duplicato
   nel blocco <style> di ogni pagina: la colonna brand del footer con il claim.
   Va caricato DOPO bp-menu.css e prima del blocco <style> di pagina.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Footer: colonna logo + claim
   Il selettore con #footer serve sulle pagine legacy, dove il blocco <style>
   inline definisce .bp-foot-top con specificità (1,2,0) e verrebbe altrimenti
   dopo questo file nell'ordine del documento.
   -------------------------------------------------------------------------- */
.bp-footer .bp-foot-top,
body #footer.bp-footer .bp-foot-top { align-items: flex-start; }

.bp-footer .bp-foot-brand,
body #footer.bp-footer .bp-foot-brand {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 520px;
}

.bp-footer .bp-foot-claim,
body #footer.bp-footer .bp-foot-claim {
  color: rgba(255, 255, 255, .72);
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 767px) {
  .bp-footer .bp-foot-claim,
  body #footer.bp-footer .bp-foot-claim { font-size: 13.5px; }
}

/* --------------------------------------------------------------------------
   Header: convivenza con il CSS legacy
   L'id #top-bar resta sul nuovo header perche' i footer di tutte le pagine
   linkano "Torna su" verso di esso; main.css pero' lo stila come header
   legacy (padding 15px 0, bordo, ombra) e va neutralizzato.
   -------------------------------------------------------------------------- */
#top-bar.bpm-header {
  border-bottom: 0;
  box-shadow: none;
  color: var(--ink);
  padding: 0;
  transition: none;
}

/* Le pagine legacy compensano gia' l'header fisso con il padding delle proprie
   sezioni di testa (il vecchio header ci passava dietro). Su di esse il
   padding-top che bp-menu.css mette sul body va quindi azzerato, altrimenti
   ogni pagina si allunga di 78px sopra il primo titolo. */
body.bp-legacy-offset { padding-top: 0; }