/* =========================================================================
   rebus-i18n.css — Toggle lingua IT|EN (pillole) nell'header.
   Additivo: non altera il layout esistente, si inserisce accanto ad AZIONI.
   ========================================================================= */
.rebus-lang-toggle{
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:3px;
  border-radius:999px;
  background:rgba(0,0,0,.06);
  margin-right:10px;
  vertical-align:middle;
}
.rebus-lang-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  text-decoration:none;
  color:#5b5f63;
  transition:background-color .15s ease, color .15s ease;
}
.rebus-lang-pill:hover{ color:#0a0a0a; }
.rebus-lang-pill.is-active{
  background:#0a0a0a;
  color:#fff;
}
/* Header light/comp: il gruppo brand è a sinistra, azioni a destra.
   Inseriamo il toggle subito prima del pulsante hamburger, in linea. */
.comp-header .rebus-lang-toggle,
.export-header .rebus-lang-toggle,
.light-header .rebus-lang-toggle{ margin-left:auto; }

/* ---- D5: posizione del toggle per fascia di viewport ----
   ≥768 (tablet/desktop): toggle in header, riga nel menu nascosta.
   <768 (mobile): toggle in header NASCOSTO (libera spazio per l'hamburger),
   toggle visibile come prima voce del menu hamburger. */
.hamburger-menu-lang{ display:none; }
.rebus-lang-toggle--menu{ display:none; }

@media (min-width:768px){
  .rebus-lang-toggle--menu,
  .hamburger-menu-lang,
  .hamburger-menu-divider--lang{ display:none !important; }
}
@media (max-width:767px){
  /* nascondi il toggle SOLO negli header operativi (che hanno l'hamburger);
     welcome.php non ha menu hamburger → il suo toggle in topbar resta visibile. */
  .comp-header .rebus-lang-toggle--header,
  .export-header .rebus-lang-toggle--header,
  .light-header .rebus-lang-toggle--header{ display:none !important; }
  .hamburger-menu-lang{
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; padding:12px 18px;
  }
  .rebus-lang-toggle--menu{ display:inline-flex; margin:0; }
  .hamburger-menu-lang-label{
    font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
    color:#8a8f94;
  }
}

@media (max-width:430px){
  .rebus-lang-toggle{ margin-right:6px; padding:2px; }
  .rebus-lang-pill{ min-width:26px; height:22px; padding:0 6px; font-size:10px; }
}