/*
 * Banner cookie Complianz — riduzione dell'ingombro su telefono.
 *
 * Perché: a 402x844 il banner occupava 389px, il 46,1% dello schermo, e su
 * telefoni più piccoli copriva quasi tutto il contenuto. Il costo maggiore
 * erano i tre pulsanti impilati (155px) e i margini della griglia (50px).
 *
 * Cosa NON cambia: il testo del consenso (parola per parola), i tre pulsanti
 * (Accetta, Nega, Visualizza le preferenze), la parità visiva fra Accetta e
 * Nega, l'area toccabile di 44px, il Consent Mode, il pannello di Complianz.
 * Solo <=768px: il desktop resta identico.
 *
 * Il prefisso #cmplz-cookiebanner-container serve per specificità: le regole
 * di Complianz (banner-1-optin.css) si caricano DOPO questo foglio, e senza
 * l'ID vincerebbero loro.
 */

@media (max-width:768px){

  /* Il banner è una griglia: si comprimono padding e distanza fra le righe. */
  #cmplz-cookiebanner-container .cmplz-cookiebanner{
    padding:8px 14px 10px;
    gap:4px;
    grid-gap:4px;
    grid-row-gap:4px;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header,
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body,
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents{
    margin:0;
  }
  /* Il messaggio è ALZATO da 12px a 14px: sotto i 14px su telefono si legge
     male. Non costa altezza perché il testo occupa comunque sei righe. */
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message{
    font-size:14px;
    line-height:1.35;
    margin:0;
  }
  /* I pulsanti da colonna a riga unica: 155px -> 44px. */
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{
    flex-direction:row;
    flex-wrap:nowrap;
    gap:5px;
    margin:0;
  }
  /* 26% + 26% + 48%: Accetta e Nega identici fra loro, "Visualizza le
     preferenze" più largo perché il suo testo è lungo. Basi percentuali
     esplicite: con flex:1 1 0 i primi due collassano e il testo si taglia. */
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
    flex:1 1 26%;
    width:auto;
    min-height:44px;
    height:44px;
    font-size:13px;
    line-height:1.2;
    padding:4px 2px;
    margin:0;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences{
    flex:1 1 48%;
  }
  /* I link alle policy su una riga sola, senza elenco puntato. */
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents ul{
    display:flex;
    flex-wrap:wrap;
    gap:0 16px;
    justify-content:center;
    margin:0;
    padding:0;
    list-style:none;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents li{
    list-style:none;
    margin:0;
  }
}