/* ============================================================
   assets/css/stile-documento.css
   Tenace Games S.r.l.s. — Stili pagine legali / documenti
   ============================================================ */

/* ── HERO DOCUMENTO ── */
.hero-doc {
  background: var(--gradiente);
  padding: 70px 0 60px;
  position: relative;
  overflow: hidden;
}
.hero-doc::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 60px 60px;
}
.hero-doc h1 {
  font-size: clamp(2.4rem, 4vw, 3.5rem);
  font-weight: 800;
  color: #fff;
  margin-bottom: .5rem;
  position: relative;
  z-index: 1;
}
.hero-doc p {
  color: rgba(255,255,255,.7);
  font-size: 1.05rem;
  margin: 0;
  position: relative;
  z-index: 1;
}

/* ── CONTENUTO LEGALE ── */
.contenuto-legale {
  padding: 60px 0 80px;
  max-width: 860px;
  margin: 0 auto;
}

/* ── CARD SEZIONE ── */
.sezione-legale {
  background: var(--sfondo-card);
  border: 1px solid var(--bordo);
  border-radius: 14px;
  padding: 2rem 2.2rem;
  margin-bottom: 1.5rem;
}
.sezione-legale h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  color: var(--blu-primario);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: .6rem;
}
.sezione-legale h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--testo-primario);
  margin: 1.4rem 0 .6rem;
}
.sezione-legale p,
.sezione-legale li {
  font-size: 1rem;
  color: var(--testo-secondario);
  line-height: 1.8;
}
.sezione-legale ul { padding-left: 1.4rem; }
.sezione-legale ul li { margin-bottom: .4rem; }
.sezione-legale strong { color: var(--testo-primario); }

/* Alias retrocompatibile con vecchie pagine */
.sezione-privacy { }
.sezione-privacy h2 { color: var(--blu-primario); }

/* ── BADGE DATA AGGIORNAMENTO ── */
.badge-data {
  display: inline-block;
  background: var(--blu-chiaro);
  color: var(--blu-primario);
  font-size: .85rem;
  font-weight: 600;
  padding: .3rem .8rem;
  border-radius: 6px;
  margin-bottom: 1.5rem;
}

/* ── TABELLA DATI ── */
.tabella-dati {
  width: 100%;
  border-collapse: collapse;
  font-size: .95rem;
  margin-top: 1rem;
}
.tabella-dati th {
  background: var(--blu-primario);
  color: #fff;
  padding: .65rem .9rem;
  text-align: left;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 1rem;
}
.tabella-dati td {
  padding: .6rem .9rem;
  border-bottom: 1px solid var(--bordo);
  color: var(--testo-secondario);
  vertical-align: top;
}
.tabella-dati tr:last-child td { border-bottom: none; }
.tabella-dati tr:hover td { background: var(--blu-chiaro); }

/* ── BADGE TIPO COOKIE ── */
.badge-tecnico   { background: #d1fae5; color: #065f46; font-size: .78rem; font-weight: 700; padding: .2rem .55rem; border-radius: 4px; }
.badge-analitico { background: #dbeafe; color: #1e40af; font-size: .78rem; font-weight: 700; padding: .2rem .55rem; border-radius: 4px; }
.badge-funz      { background: #ede9fe; color: #4c1d95; font-size: .78rem; font-weight: 700; padding: .2rem .55rem; border-radius: 4px; }
[data-tema="scuro"] .badge-tecnico   { background: #064e3b; color: #6ee7b7; }
[data-tema="scuro"] .badge-analitico { background: #1e3a5f; color: #93c5fd; }
[data-tema="scuro"] .badge-funz      { background: #2e1065; color: #c4b5fd; }

/* ── RIQUADRO AZIENDA (note legali) ── */
.riquadro-azienda {
  background: var(--blu-chiaro);
  border-left: 4px solid var(--blu-primario);
  border-radius: 0 10px 10px 0;
  padding: 1.2rem 1.5rem;
  margin: 1rem 0;
}
.riquadro-azienda p   { margin: 0; font-size: 1rem; color: var(--testo-secondario); line-height: 1.9; }
.riquadro-azienda strong { color: var(--testo-primario); font-weight: 700; }

/* ── AVVISO IMPORTANTE (note legali) ── */
.avviso-importante {
  background: rgba(231,76,60,.06);
  border: 1px solid rgba(231,76,60,.2);
  border-radius: 10px;
  padding: 1.1rem 1.4rem;
  display: flex;
  gap: .9rem;
  align-items: flex-start;
  margin-top: 1rem;
}
.avviso-importante i { font-size: 1.3rem; color: #c0392b; flex-shrink: 0; margin-top: .1rem; }
.avviso-importante p { margin: 0; font-size: .97rem; color: var(--testo-secondario); line-height: 1.7; }
[data-tema="scuro"] .avviso-importante { background: rgba(231,76,60,.1); border-color: rgba(231,76,60,.3); }

/* ── PULSANTE GESTISCI COOKIE ── */
.btn-gestisci {
  background: var(--blu-primario);
  color: #fff;
  border: none;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  padding: .6rem 1.5rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all .2s;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}
.btn-gestisci:hover { opacity: .88; transform: translateY(-2px); }