:root{
  /* Brand */
  --brand-blue:#0066a1;
  --brand-blue-dark:#004f7a;
  --bs-primary: #0066a1;       /* colore base */
  --bs-primary-rgb: 0, 102, 161;

  /* Bootstrap overrides */
  --bs-primary:var(--brand-blue);
  --bs-primary-rgb:0,102,161;
  --bs-link-color:var(--brand-blue);
  --bs-link-hover-color:var(--brand-blue-dark);

  /* Bottoni */
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--brand-blue);
  --bs-btn-border-color:var(--brand-blue);
  --bs-btn-hover-bg:var(--brand-blue-dark);
  --bs-btn-hover-border-color:var(--brand-blue-dark);
}


.text-primary { color: var(--brand-blue) !important; }
.bg-primary { background-color: var(--brand-blue) !important; }
a { color: var(--brand-blue); }
a:hover, a:focus { color: var(--brand-blue-dark); }

.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-primary:hover {
  background-color: #005a90;   /* un tono più scuro */
  border-color: #005a90;
}

/* Titolo accanto al logo */
.brand-text{ color:var(--brand-blue)!important; }
.brand-bg{ background-color:var(--brand-blue)!important; }
.brand-heading{ line-height:1.1; }
.brand-llg{ text-emphasis: dot open; }

/* Banda del menu (bordi solo sopra/sotto) */
.menu-band{
  border-top:1px solid var(--bs-border-color);
  border-bottom:1px solid var(--bs-border-color);
  padding-top:1rem;     /* aumenta per “abbassare” i link nella fascia */
  padding-bottom:.5rem;
}

/* ===== MENU: link + barre verticali tra voci (tutti i breakpoint) ===== */
.nav-pipe .nav-link{
  background:transparent!important;
  padding:.25rem 1rem;
  line-height:1.2;
}

/* Barre verticali tra un elemento e il precedente */
.nav-pipe > li + li{ position:relative; }
.nav-pipe > li + li::before{
  content:"";
  position:absolute;
  left:0;
  top:.25rem;
  bottom:.25rem;
  width:1px;
  background:var(--bs-border-color);
}

/* Quando l’elemento è il PRIMO della riga (marcato via JS), nasconde la barretta */
.nav-pipe > li.row-first::before{
  display:none;
}

footer a, footer .text-primary, footer .bg-primary {
  color: var(--brand-blue) !important;
}

.forum-nav a,
.post-header a,
.machina-forum a {
  color: var(--brand-blue) !important;
}
.forum-nav a:hover,
.post-header a:hover,
.machina-forum a:hover {
  color: var(--brand-blue-dark) !important;
}

.EasyMDEContainer .editor-toolbar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 6px;
  overflow-x: auto;      /* se non sta in una riga, fai scroll */
  white-space: nowrap;
  scrollbar-width: thin; /* Firefox */
}
.EasyMDEContainer .editor-toolbar a,
.EasyMDEContainer .editor-toolbar button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

/* ===== Desktop (≥992px): riga singola, nessun a-capo dentro il link ===== */
@media (min-width: 992px){
  .nav-pipe{ gap:0; }
  .nav-pipe .nav-link{ white-space:nowrap; }
}

/* ===== Mobile (<992px): wrap su più righe con spazi puliti ===== */
@media (max-width: 991.98px){
  .nav-pipe{
    row-gap:.5rem;        /* spazio verticale tra righe */
    column-gap:.5rem;     /* spazio orizzontale tra elementi */
  }
  .nav-pipe .nav-link{
    padding:.5rem .75rem; /* target dito più comodo */
    line-height:1.25;
    white-space:normal;   /* consente l’andare a capo */
  }
}