/* ==========================================================
   PAGINE DI TESTO (privacy, cookie, termini)
   Caricato solo sulle pagine singole, non sulla landing.
   Usa le variabili di colore già definite in landing.css.
   ========================================================== */

.euco-page {
  background: var(--white);
  padding: 56px 20px 96px;
}

.euco-page-inner {
  width: min(760px, 100%);
  margin: 0 auto;
}

/* --- Titolo --- */
.euco-doc-head {
  padding-bottom: 26px;
  margin-bottom: 34px;
  border-bottom: 2px solid var(--line);
}

.euco-doc-head h1 {
  margin: 0;
  font-size: clamp(30px, 5vw, 46px);
  line-height: 1.1;
  letter-spacing: -.025em;
  font-weight: 900;
  color: var(--navy);
}

/* --- Corpo del testo --- */
.euco-doc-body {
  font-size: 17px;
  line-height: 1.72;
  color: #4A4256;
}

.euco-doc-body > *:first-child { margin-top: 0; }
.euco-doc-body > *:last-child  { margin-bottom: 0; }

.euco-doc-body p { margin: 0 0 1.1em; }

.euco-doc-body h2 {
  margin: 2.2em 0 .7em;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 900;
  color: var(--navy);
  letter-spacing: -.015em;
}

.euco-doc-body h3 {
  margin: 1.8em 0 .5em;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 800;
  color: var(--pink);
}

.euco-doc-body strong { color: var(--navy); font-weight: 700; }

.euco-doc-body a {
  color: var(--pink);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.euco-doc-body a:hover { color: var(--navy); }

.euco-doc-body ul,
.euco-doc-body ol { margin: 0 0 1.2em; padding-left: 1.3em; }
.euco-doc-body li { margin-bottom: .45em; }

.euco-doc-body code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .88em;
  background: var(--ivory);
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 1px 5px;
  white-space: nowrap;
}

/* --- Citazioni / riquadri di attenzione --- */
.euco-doc-body blockquote,
.euco-doc-body .wp-block-quote {
  margin: 1.6em 0;
  padding: 18px 22px;
  background: var(--ivory);
  border-left: 4px solid var(--teal);
  border-radius: 0 12px 12px 0;
}
.euco-doc-body blockquote p:last-child { margin-bottom: 0; }

/* --- Tabelle: scorrono da sole su schermo stretto --- */
.euco-doc-body .wp-block-table {
  margin: 1.6em 0;
  overflow-x: auto;
}

.euco-doc-body table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  min-width: 460px;
}

.euco-doc-body th,
.euco-doc-body td {
  border: 1px solid var(--line);
  padding: 11px 14px;
  text-align: left;
  vertical-align: top;
}

.euco-doc-body th {
  background: var(--ivory);
  color: var(--navy);
  font-weight: 800;
}

@media (max-width: 640px) {
  .euco-page { padding: 36px 18px 64px; }
  .euco-doc-body { font-size: 16px; }
  .euco-doc-body h2 { font-size: 21px; }
}
