/*! MeshCookie 0.2.0, stili della Dichiarazione dei cookie */
/* MeshCookie: la pagina «Dichiarazione dei cookie». Serve anche dove il banner non c'è, quindi è un file a parte.
   Colori dal tema del sito quando ci sono le variabili --cc-*, altrimenti quelli della pagina. */
.meshcookie-dichiarazione { max-width: 72ch; line-height: 1.6; }
.meshcookie-dichiarazione h2 { margin-top: 2rem; scroll-margin-top: 5rem; }
.meshcookie-dichiarazione section { scroll-margin-top: 5rem; }
.meshcookie-indice { margin: 1.5rem 0; padding: 1rem 1.25rem; border: 1px solid var(--cc-separator-border-color, currentColor); border-radius: var(--cc-modal-border-radius, .5rem); }
.meshcookie-indice p { margin: 0 0 .5rem; font-weight: 600; }
.meshcookie-indice ul { margin: 0; padding-left: 1.1em; columns: 2 18rem; column-gap: 2rem; }
.meshcookie-dichiarazione li { margin: .35rem 0; }
.meshcookie-dichiarazione li a { display: inline-block; min-height: 24px; padding-block: 2px; }
.meshcookie-tabella { width: 100%; border-collapse: collapse; margin: 1rem 0 1.5rem; font-size: .95rem; }
.meshcookie-tabella caption { text-align: left; font-weight: 600; padding-bottom: .5rem; }
.meshcookie-tabella th, .meshcookie-tabella td { text-align: left; vertical-align: top; padding: .55rem .65rem; border-bottom: 1px solid var(--cc-separator-border-color, rgba(127, 127, 127, .35)); overflow-wrap: anywhere; }
.meshcookie-tabella thead th { font-size: .82rem; letter-spacing: .02em; }
.meshcookie-tabella tbody th { font-weight: 600; }
/* Al telefono ogni riga diventa una scheda: l'intestazione si legge accanto al valore e la pagina non scorre di lato. */
@media (max-width: 640px) {
  .meshcookie-tabella, .meshcookie-tabella tbody, .meshcookie-tabella tr, .meshcookie-tabella th, .meshcookie-tabella td { display: block; width: 100%; box-sizing: border-box; }
  .meshcookie-tabella thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .meshcookie-tabella tr { border: 1px solid var(--cc-separator-border-color, rgba(127, 127, 127, .35)); border-radius: var(--cc-modal-border-radius, .5rem); margin-bottom: .75rem; padding: .25rem 0; }
  .meshcookie-tabella th, .meshcookie-tabella td { border-bottom: 0; padding: .3rem .8rem; }
  .meshcookie-tabella td::before { content: attr(data-etichetta); display: block; font-size: .78rem; font-weight: 600; opacity: .75; }
}