/* ==========================================================================
   ASGroup 2026 — Pagine legali (privacy, cookie, termini) + prose.
   Stile leggibile per contenuti gestiti da Complianz via the_content().
   Scopato sotto .asgroup-theme, escluso il DOM del configuratore.
   ========================================================================== */

.asgroup-theme .ag-legal__head { padding-bottom: var(--ag-space-5); border-bottom: 1px solid var(--ag-line); }

.asgroup-theme .ag-prose { color: var(--ag-ink-2); font-size: var(--ag-fs-body); line-height: var(--ag-lh-normal); }
.asgroup-theme .ag-prose > * + * { margin-top: var(--ag-space-4); }

.asgroup-theme .ag-prose h2:not(.asg-plugin-container *) { font-size: var(--ag-fs-h2); color: var(--ag-ink); margin-top: var(--ag-space-7); }
.asgroup-theme .ag-prose h3:not(.asg-plugin-container *) { font-size: var(--ag-fs-h3); color: var(--ag-ink); margin-top: var(--ag-space-6); }
.asgroup-theme .ag-prose h4:not(.asg-plugin-container *) { font-size: 1.1rem; font-weight: var(--ag-fw-bold); color: var(--ag-ink); margin-top: var(--ag-space-5); }

.asgroup-theme .ag-prose p { margin-top: var(--ag-space-4); }
.asgroup-theme .ag-prose a { color: var(--ag-accent-strong); text-decoration: underline; text-underline-offset: 2px; }
.asgroup-theme .ag-prose a:hover { color: var(--ag-ink); }

.asgroup-theme .ag-prose ul,
.asgroup-theme .ag-prose ol { margin-top: var(--ag-space-4); padding-left: 1.4rem; }
.asgroup-theme .ag-prose ul { list-style: disc; }
.asgroup-theme .ag-prose ol { list-style: decimal; }
.asgroup-theme .ag-prose li + li { margin-top: var(--ag-space-2); }
.asgroup-theme .ag-prose li { padding-left: 0.25rem; }

.asgroup-theme .ag-prose strong { color: var(--ag-ink); }
.asgroup-theme .ag-prose table { width: 100%; border-collapse: collapse; margin-top: var(--ag-space-5); font-size: var(--ag-fs-sm); }
.asgroup-theme .ag-prose th,
.asgroup-theme .ag-prose td { border: 1px solid var(--ag-line); padding: var(--ag-space-3); text-align: left; vertical-align: top; }
.asgroup-theme .ag-prose th { background: var(--ag-surface-2); font-weight: var(--ag-fw-bold); color: var(--ag-ink); }

.asgroup-theme .ag-pagelinks { margin-top: var(--ag-space-6); display: flex; gap: var(--ag-space-3); flex-wrap: wrap; }

/* ==========================================================================
   Pagine legali auto-stilate (#asg-legal-wrapper): erano in TEMA SCURO.
   Rimappiamo le loro variabili al palette CHIARO del sito (override con
   specificità .asgroup-theme che batte le dichiarazioni inline su id).
   Non riscriviamo il testo legale: solo i colori/font.
   ========================================================================== */
.asgroup-theme #asg-legal-wrapper {
  --bg:       var(--ag-surface);
  --bg-alt:   var(--ag-surface-2);
  --bg-card:  var(--ag-surface-2);
  --accent:   var(--ag-accent-strong);
  --accent-2: var(--ag-accent);
  --text:     var(--ag-ink);
  --text-dim: var(--ag-muted);
  --border:   var(--ag-line);
  --font:     var(--ag-font-sans);
}

/* Header del blocco legale + spaziatura sotto la breadcrumb del tema */
.asgroup-theme .ag-legal-bare__crumb { padding-top: var(--ag-space-6); }
.asgroup-theme #asg-legal-wrapper .legal-page { padding-top: clamp(1.5rem, 1rem + 2vw, 3rem) !important; }

/* Kicker coerente con l'accento del sito */
.asgroup-theme #asg-legal-wrapper .legal-kicker {
  background: var(--ag-accent-tint) !important;
  border-color: var(--ag-line-2) !important;
  color: var(--ag-accent-strong) !important;
}

/* Link leggibili nel testo legale */
.asgroup-theme #asg-legal-wrapper a {
  color: var(--ag-accent-strong);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.asgroup-theme #asg-legal-wrapper a:hover { color: var(--ag-ink); }