/* css/logotipo.css */

/* Wrapper del logo+menu: layout stabile */
.site-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  text-align:left;              /* blocca centrature ereditate */
}

/* Logo: mai centrato come blocco */
.brand{
  display:block;
  text-decoration:none;
  color:inherit;
  max-width: calc(100% - 110px); /* lascia spazio al menu */
}

/* Testo del logo */
.brand-text{
  display:block;
  text-align:left;              /* IMPORTANTISSIMO: evita “logo centrato” */
  line-height:1.05;
}

/* Dimensioni desktop/tablet (regola base) */
.brand-title{ font-size:33px; font-weight:700; white-space:nowrap; }
.brand-sub{ font-size:16px; font-weight:700; white-space:nowrap; text-align:center; }
.brand-sub2{ font-size:15px; white-space:nowrap; text-align:center; }
.brand-foot{ display:flex; justify-content:center; gap:6px; flex-wrap:wrap; }
.brand-foot-label{ font-size:11px; }
.brand-foot-name{ font-size:19px; font-weight:700; }

/* Menu */
.menu-cta{ flex:0 0 auto; }
.menu-link{
  background:transparent;
  border:0;
  padding:0;
  cursor:pointer;
  font:inherit;
  white-space:nowrap;           /* il menu NON va a capo */
  color:#000 !important;        /* evita “diventa bianco” su mobile */
}

/* MOBILE: riduco e permetto al logo di andare a capo SENZA sovrapporsi */
@media (max-width:600px){
  .site-header-inner{
    align-items:flex-start;
  }

  .brand{
    max-width: calc(100% - 90px);
  }

  .brand-title{ font-size:22px; white-space:normal; } /* può andare a capo */
  .brand-sub{ font-size:12px; }
  .brand-sub2{ font-size:11px; }
  .brand-foot-label{ font-size:9px; }
  .brand-foot-name{ font-size:14px; }

  /* centra le righe richieste */
  .brand-sub,
  .brand-sub2,
  .brand-foot{
    text-align:center;
  }
}

/* FORZA colore nero dentro l'header w3-theme */
.site-header-inner,
.site-header-inner *{
  color:#000 !important;
}









/* FORZA il font del logo (scegline UNO) */

/* Opzione A: come prima, stile "Goldman" */
 .brand-text{ font-family:"Goldman", sans-serif; } 

/* Opzione B: se vuoi AT Arges (menu/branding) */
 /* .brand-text{ font-family:"AT Arges Black Condensed", serif; } */

/* Titolo un filo più “pesante” come prima */
.brand-title{ font-weight:700; }

/* Evita che W3CSS trasformi/alteri i button */
.menu-link{
  color:#000 !important;
}

/* Mobile */
@media (max-width: 600px){
  .brand-title{
    font-size: 20px;     /* scegli qui la misura mobile */
  }
}

/* Mobile molto piccoli (opzionale ma consigliato) */
@media (max-width: 360px){
  .brand-title{
    font-size: 18px;
  }
}