/* Barra della misurazione: sottile e discreta, una riga sola da desktop e due da telefono.
   Sta in basso a sinistra per non finire sotto il pulsante dell'assistente (in basso a destra)
   e ha z-index alto perché una richiesta di consenso non deve mai restare coperta.
   I due pulsanti hanno lo stesso peso visivo: rifiutare deve costare quanto accettare. */
.wng-consent {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 1200;
  max-width: min(620px, calc(100% - 32px));
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 12px 10px 14px;
  border-radius: 999px;
  background: rgba(6, 17, 31, .94);
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 10px 26px rgba(4, 10, 20, .38);
  backdrop-filter: blur(8px);
  font-family: "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  color: #f4f8ff;
}
.wng-consent[hidden] { display: none; }
.wng-consent-text {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: rgba(244, 248, 255, .8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wng-consent-text b { color: #fff; font-weight: 600; }
.wng-consent-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; flex: none; }
.wng-consent-btn {
  min-height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.wng-consent-btn.is-accept { background: #fff; color: #06111f; border: 1px solid #fff; }
.wng-consent-btn.is-accept:hover { background: #d9f1ff; border-color: #d9f1ff; }
.wng-consent-btn.is-reject { background: transparent; color: rgba(244, 248, 255, .86); border: 1px solid rgba(255, 255, 255, .22); }
.wng-consent-btn.is-reject:hover { color: #fff; border-color: rgba(255, 255, 255, .5); }
.wng-consent-link { color: rgba(98, 223, 255, .92); text-decoration: underline; text-underline-offset: 2px; }
.wng-consent-link:hover { color: #fff; }

@media (max-width: 720px) {
  /* Da telefono: barra a tutta larghezza ma bassa — testo su una riga (o due al massimo)
     e pulsanti sotto, alti 29 px. Occupa poco più di un decimo dello schermo. */
  .wng-consent {
    left: 8px;
    right: 8px;
    bottom: 8px;
    max-width: none;
    display: block;
    padding: 9px 11px;
    border-radius: 14px;
  }
  .wng-consent-text { font-size: 12px; white-space: normal; }
  .wng-consent-actions { margin-left: 0; margin-top: 8px; justify-content: flex-end; gap: 6px; }
  .wng-consent-btn { min-height: 32px; padding: 0 14px; font-size: 12px; }
}