/* MenuDigitale24h Traduttore
   I pulsanti ripartono da zero (all:unset): i temi WordPress danno ai <button>
   sfondi, bordi e maiuscole che qui non servono. */

.md24h-trad{
  --md24h-trad-accento:#ff4c1c;
  /* pulsanti delle lingue: di base prendono i colori del tema */
  --md24h-trad-btn-fondo:transparent;
  --md24h-trad-btn-testo:currentColor;
  --md24h-trad-hover-fondo:rgba(127,127,127,.12);
  --md24h-trad-hover-testo:currentColor;
  /* la lista che si apre (tendina e "+N") */
  --md24h-trad-fondo:#ffffff;
  --md24h-trad-testo:#1d1d1f;
  --md24h-trad-bordo:rgba(127,127,127,.35);
  position:relative;
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  font-size:14px;
  line-height:1.2;
  vertical-align:middle;
}

.md24h-trad-wrap{display:block;margin-block:.6em}

.md24h-trad .md24h-trad-btn,
.md24h-trad .md24h-trad-toggle,
.md24h-trad .md24h-trad-more-btn{
  all:unset;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
  cursor:pointer;
  font:inherit;
  color:inherit;
  border-radius:999px;
  white-space:nowrap;
  transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.md24h-trad .md24h-trad-btn:focus-visible,
.md24h-trad .md24h-trad-toggle:focus-visible,
.md24h-trad .md24h-trad-more-btn:focus-visible{
  outline:2px solid var(--md24h-trad-accento);
  outline-offset:2px;
}

.md24h-trad-flag{font-size:1.25em;line-height:1;display:inline-block}
.md24h-trad-flag.is-sigla{
  font-size:.72em;font-weight:700;letter-spacing:.03em;
  padding:3px 5px;border-radius:4px;
  background:rgba(127,127,127,.18);
}

/* --- bandiere con il nome / solo bandiere: cinque in riga, il resto va in "+N" --- */
/* Se lo spazio finisce si va a capo: mai fuori dai lati dello schermo. */
.md24h-trad--bandiere,
.md24h-trad--solo-bandiere{display:flex;flex-wrap:wrap;max-width:100%;min-width:0}
.md24h-trad-wrap .md24h-trad--bandiere,
.md24h-trad-wrap .md24h-trad--solo-bandiere{display:flex}
.menu-item-md24h-trad .md24h-trad--bandiere,
.menu-item-md24h-trad .md24h-trad--solo-bandiere{display:inline-flex}

.md24h-trad--bandiere .md24h-trad-btn,
.md24h-trad--solo-bandiere .md24h-trad-btn,
.md24h-trad .md24h-trad-more-btn,
.md24h-trad--tendina .md24h-trad-toggle{
  padding:6px 12px;
  border:1px solid var(--md24h-trad-bordo);
  background:var(--md24h-trad-btn-fondo);
  color:var(--md24h-trad-btn-testo);
}
.md24h-trad--solo-bandiere .md24h-trad-btn{padding:6px 8px}
.md24h-trad .md24h-trad-more-btn{font-weight:700;font-size:.9em;padding:6px 11px}
.md24h-trad--tendina .md24h-trad-toggle{padding:5px 10px}
.md24h-trad--solo-bandiere .md24h-trad-name{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
}
/* Telefono: cinque pulsanti col nome non ci stanno. In riga solo la bandiera,
   il nome resta nel "title" e nella lista del "+". */
@media (max-width:600px){
  .md24h-trad--bandiere > .md24h-trad-btn{padding:6px 8px}
  .md24h-trad--bandiere > .md24h-trad-btn .md24h-trad-name{
    position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
  }
}
/* Telefoni piccoli (320-360): un filo piu' stretti, cosi' il "+" resta in riga. */
@media (max-width:360px){
  .md24h-trad--bandiere,
  .md24h-trad--solo-bandiere{gap:4px}
  .md24h-trad--bandiere > .md24h-trad-btn,
  .md24h-trad--solo-bandiere > .md24h-trad-btn{padding:5px 6px}
  .md24h-trad .md24h-trad-more-btn{padding:5px 8px}
}
.md24h-trad--bandiere .md24h-trad-btn:hover,
.md24h-trad--solo-bandiere .md24h-trad-btn:hover,
.md24h-trad .md24h-trad-more-btn:hover,
.md24h-trad--tendina .md24h-trad-toggle:hover,
.md24h-trad.is-open .md24h-trad-more-btn,
.md24h-trad--tendina.is-open .md24h-trad-toggle{
  background:var(--md24h-trad-hover-fondo);
  color:var(--md24h-trad-hover-testo);
}
.md24h-trad--bandiere .md24h-trad-btn[aria-pressed="true"],
.md24h-trad--solo-bandiere .md24h-trad-btn[aria-pressed="true"]{
  border-color:var(--md24h-trad-accento);
  box-shadow:0 0 0 1px var(--md24h-trad-accento) inset;
}

/* --- tendina --- */
.md24h-trad--tendina{flex-wrap:nowrap}
.md24h-trad-code{font-weight:600;font-size:.9em}
.md24h-trad-caret{
  width:0;height:0;
  border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid currentColor;
  transition:transform .15s ease;
}
.md24h-trad--tendina.is-open .md24h-trad-caret{transform:rotate(180deg)}

/* --- icona con scritta: si comporta come la tendina --- */
.md24h-trad--icona .md24h-trad-toggle{padding:7px 14px;gap:8px}
.md24h-trad-icon{display:inline-flex;width:1.35em;height:1.35em;flex-shrink:0}
.md24h-trad-icon svg{width:100%;height:100%;display:block}
.md24h-trad-label{font-weight:600}
.md24h-trad--fluttuante.md24h-trad--icona .md24h-trad-toggle{padding:10px 16px}

/* --- lista che si apre: tendina e "+N" --- */
.md24h-trad-more{position:relative;flex-shrink:0;display:inline-flex}
.md24h-trad-more[hidden]{display:none}
.md24h-trad-list{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:99999;
  min-width:190px;
  max-height:320px;
  overflow-y:auto;
  padding:6px;
  display:flex;
  flex-direction:column;
  gap:2px;
  background:var(--md24h-trad-fondo);
  color:var(--md24h-trad-testo);
  border:1px solid var(--md24h-trad-bordo);
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  text-align:left;
}
.md24h-trad-list[hidden]{display:none}
.md24h-trad-more .md24h-trad-list{left:auto;right:0}
.md24h-trad.apri-su .md24h-trad-list{top:auto;bottom:calc(100% + 6px)}
.md24h-trad .md24h-trad-list .md24h-trad-btn{
  width:100%;
  padding:8px 10px;
  border:0;
  border-radius:8px;
  box-shadow:none;
  background:transparent;
  color:inherit;
}
.md24h-trad .md24h-trad-list .md24h-trad-name{position:static;width:auto;height:auto;overflow:visible;clip:auto}
.md24h-trad .md24h-trad-list .md24h-trad-btn:hover{
  background:var(--md24h-trad-hover-fondo);
  color:var(--md24h-trad-hover-testo);
}
.md24h-trad .md24h-trad-list .md24h-trad-btn[aria-pressed="true"]{
  background:var(--md24h-trad-accento);
  color:#fff;
}

/* --- nel menu del tema --- */
.menu-item-md24h-trad{display:flex;align-items:center}
.menu-item-md24h-trad .md24h-trad{margin:0 8px}

/* --- pulsante fluttuante --- */
.md24h-trad--fluttuante{position:fixed;z-index:99998}
.md24h-trad--fluttuante{--md24h-trad-btn-fondo:var(--md24h-trad-fondo);--md24h-trad-btn-testo:var(--md24h-trad-testo)}
.md24h-trad--fluttuante .md24h-trad-toggle{
  padding:8px 12px;
  box-shadow:0 4px 16px rgba(0,0,0,.2);
}
.md24h-trad--basso-destra{right:16px;bottom:16px}
.md24h-trad--basso-sinistra{left:16px;bottom:16px}
.md24h-trad--alto-destra{right:16px;top:16px}
.md24h-trad--alto-sinistra{left:16px;top:16px}
/* nel menu e negli angoli di destra la lista si allinea a destra, dentro lo schermo */
.menu-item-md24h-trad .md24h-trad-list,
.md24h-trad--basso-destra .md24h-trad-list,
.md24h-trad--alto-destra .md24h-trad-list{left:auto;right:0}
.admin-bar .md24h-trad--alto-destra,
.admin-bar .md24h-trad--alto-sinistra{top:48px}

.md24h-trad-avviso{font-size:13px;padding:4px 8px;border:1px dashed #d63638;color:#d63638;border-radius:4px}

/* --- Google Translate: nessuna sua interfaccia a vista (come nel menu) --- */
.md24h-trad-gt,
#md24h_gt_el,
.goog-te-banner-frame,
iframe.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip-popup,
.goog-te-spinner-pos,
.skiptranslate > iframe,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-aZ2wEe,
.VIpgJd-ZVi9od-ORHb-OEVmcd{
  display:none !important;
  visibility:hidden !important;
}
/* Google abbassa la pagina di 40px per la sua barra: la riportiamo su. */
body{top:0 !important}
.goog-text-highlight{background:transparent !important;box-shadow:none !important}
