/* Netlab - banner trasparenza AI Act (Reg. UE 2024/1689) - v1.1 - 2026-10-08 */
/* Usato da tutti i siti Netlab/UnikAI: modificare qui cambia lo stile ovunque. */
/* Le proprieta' sono dichiarate per intero (niente eredita' dal footer ospite):  */
/* molti footer impostano flex-direction:column sui propri div e spezzerebbero la riga. */
.nl-aiact{
  grid-column:1 / -1;              /* se il footer e' una griglia, occupa tutta la riga */
  box-sizing:border-box;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:18px;
  width:100%;
  padding:18px 20px;
  margin:0 0 32px;
  border:1px solid rgba(128,128,128,.32);
  border-radius:14px;
  background:rgba(128,128,128,.06);
  font-family:inherit;
  text-align:left;
}
/* nei browser moderni bordo e sfondo si adattano al colore del footer ospite */
@supports (color:color-mix(in srgb,currentColor 20%,transparent)){
  .nl-aiact{
    border-color:color-mix(in srgb,currentColor 22%,transparent);
    background:color-mix(in srgb,currentColor 5%,transparent);
  }
}
.nl-aiact img{width:172px;height:auto;flex:0 0 auto;display:block;margin:0}
.nl-aiact p{flex:1 1 320px;min-width:260px;margin:0;font-size:.805rem;line-height:1.55;opacity:.88;text-align:left}
.nl-aiact p strong{font-weight:600;opacity:1}
.nl-aiact a{flex:0 0 auto;color:var(--nl-aiact-accent,inherit);text-decoration:none;font-weight:600;white-space:nowrap;display:inline}
.nl-aiact a:hover{text-decoration:underline}
@media (max-width:700px){
  .nl-aiact{gap:14px;padding:16px}
  .nl-aiact img{width:148px}
  .nl-aiact p{flex:1 1 100%;min-width:0}
}

/* Footer chiari: il lockup e' bianco, quindi va posato su una pastiglia scura.  */
/* Si attiva con data-tema="chiaro" sul contenitore .nl-aiact.                   */
.nl-aiact[data-tema="chiaro"] img{
  background:#0d1b2a;
  padding:12px 16px;
  border-radius:10px;
  width:200px;
}
@media (max-width:700px){.nl-aiact[data-tema="chiaro"] img{width:176px;padding:10px 12px}}