/* ═══════════════════════════════════════════
   SPEMME — PAGINE LEGALI
   privacy.html (ed eventuali cookie / note legali)
═══════════════════════════════════════════ */

.legal-layout {
  max-width: 900px;
  padding:   4.5rem 0 8rem;
}

/* ─── AVVISO VERSIONE PROVVISORIA ─── */
.legal-notice {
  border:       1px solid rgba(201,168,76,.2);
  border-left:  2px solid var(--gold);
  background:   rgba(13,59,62,.22);
  padding:      1.5rem 1.8rem;
  margin-bottom: 3rem;
}
.legal-notice-title {
  font-family:    var(--font-label);
  font-size:      .55rem;
  letter-spacing: .25em;
  text-transform: uppercase;
  color:          var(--gold);
  margin-bottom:  .6rem;
}
.legal-notice p {
  font-size:   .85rem;
  line-height: 1.8;
  color:       var(--text-light);
}

.legal-meta {
  font-family:    var(--font-label);
  font-size:      .5rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color:          var(--text-dim);
  margin-bottom:  2.5rem;
}

/* ─── INDICE ─── */
.legal-toc {
  border:        1px solid rgba(201,168,76,.1);
  background:    rgba(13,59,62,.14);
  padding:       1.8rem 2rem;
  margin-bottom: 3.5rem;
}
.legal-toc-title {
  font-family:    var(--font-label);
  font-size:      .55rem;
  letter-spacing: .28em;
  text-transform: uppercase;
  color:          var(--gold);
  margin-bottom:  1.1rem;
}
.legal-toc ol {
  columns:      2;
  column-gap:   2.5rem;
  padding-left: 1.1rem;
}
.legal-toc li {
  font-family:   var(--font-display);
  font-size:     .92rem;
  margin-bottom: .5rem;
  color:         var(--text-light);
  break-inside:  avoid;
}
.legal-toc a {
  color:           inherit;
  text-decoration: none;
  transition:      color var(--transition-fast);
}
.legal-toc a:hover { color: var(--gold); }

/* ─── BLOCCHI ─── */
.legal-block {
  padding-top:    2.8rem;
  margin-bottom:  .5rem;
  scroll-margin-top: 7rem;   /* la nav è fissa */
}
.legal-h2 {
  font-family:   var(--font-display);
  font-size:     1.55rem;
  font-weight:   300;
  margin-bottom: 1.2rem;
}
.legal-h2 em    { font-style: italic; color: var(--gold-light); }
.legal-h2 span  {
  font-family:    var(--font-label);
  font-size:      .6rem;
  letter-spacing: .2em;
  color:          var(--gold);
  margin-right:   .8rem;
  vertical-align: middle;
}
.legal-block p {
  font-size:     .88rem;
  line-height:   1.9;
  color:         var(--text-light);
  margin-bottom: 1rem;
}
.legal-block p strong { color: var(--gold-light); font-weight: 400; }
.legal-block a {
  color:                 var(--gold);
  text-decoration:       underline;
  text-underline-offset: 3px;
}
.legal-block ul {
  list-style:   none;
  margin:       .5rem 0 1.4rem;
}
.legal-block li {
  position:      relative;
  font-size:     .88rem;
  line-height:   1.85;
  color:         var(--text-light);
  padding-left:  1.4rem;
  margin-bottom: .6rem;
}
.legal-block li::before {
  content:    '';
  position:   absolute;
  left:       0;
  top:        .72rem;
  width:      6px;
  height:     6px;
  background: var(--gold);
}

/* ─── SCHEDA TITOLARE ─── */
.legal-data {
  display:               grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap:                   1px;
  border:                1px solid rgba(201,168,76,.12);
  background:            rgba(201,168,76,.12);
  margin:                1.5rem 0 1rem;
}
.legal-data-cell {
  background: var(--petrolio-dark);
  padding:    1.3rem 1.5rem;
}
.legal-data-label {
  font-family:    var(--font-label);
  font-size:      .5rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color:          var(--gold);
  margin-bottom:  .45rem;
}
.legal-data-value {
  font-family: var(--font-display);
  font-size:   1rem;
  line-height: 1.5;
  word-break:  break-word;
}
.legal-data-value a { color: var(--gold-light); text-decoration: none; }
.legal-data-value a:hover { color: var(--gold); }

/* ─── RESPONSIVE ─── */
@media (max-width: 700px) {
  .legal-toc ol   { columns: 1; }
  .legal-layout   { padding: 3rem 0 6rem; }
  .legal-notice   { padding: 1.2rem 1.3rem; }
}