/* Pagine legali QD in tema chiaro (03/10/2026): /terms/ /privacy/ /aup/ /kyc/ /dpa/
   /subprocessors/ /billing-agreement/. Solo stile: il testo delle pagine non cambia.
   Caricata dopo styles.css, lo <style> inline delle pagine generate e product-light.css;
   vale solo con <html class="qd-light">. */

html.qd-light{
  --lg-ink:#0E1220;      /* titoli, grassetti, link   */
  --lg-body:#2C3344;     /* testo corrente            */
  --lg-muted:#525B6E;    /* data, briciole, note      */
  --lg-line:rgba(14,18,32,.12);
  --lg-paper:#FFFFFF;
}
html.qd-light body{background:var(--bg);color:var(--lg-ink)}

/* colonna di lettura: ~70 caratteri per riga */
html.qd-light .legal-main{
  max-width:calc(62ch + 2 * clamp(16px,4vw,44px)); /* 62ch di "0" = ~70 caratteri medi per riga */
  margin:0 auto;
  padding:28px clamp(16px,4vw,44px) 72px;
  font-size:17px;
  overflow-wrap:break-word;
}
html.qd-light .legal-main .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;color:var(--lg-muted)}
html.qd-light .legal-main .crumbs a{color:var(--lg-muted);text-decoration:none}
html.qd-light .legal-main .crumbs a:hover{color:var(--lg-ink);text-decoration:underline}
html.qd-light .legal-main .crumbs em{font-style:normal;color:var(--lg-ink)}

html.qd-light .legal-main h1{
  font-family:var(--font-head);font-weight:600;color:var(--lg-ink);
  font-size:clamp(1.85rem,4.2vw,2.4rem);line-height:1.15;letter-spacing:-.02em;
  margin:20px 0 10px;text-wrap:balance;
}
html.qd-light .legal-main .upd{
  color:var(--lg-muted);font-size:.9rem;line-height:1.55;
  margin:0 0 30px;padding-bottom:22px;border-bottom:1px solid var(--lg-line);
}
html.qd-light .legal-main h2{
  font-family:var(--font-head);font-weight:600;color:var(--lg-ink);
  font-size:1.28rem;line-height:1.3;letter-spacing:-.01em;
  margin:44px 0 12px;scroll-margin-top:90px;
}
html.qd-light .legal-main h3{font-family:var(--font-head);font-weight:600;color:var(--lg-ink);font-size:1.08rem;margin:28px 0 8px}

html.qd-light .legal-main p,
html.qd-light .legal-main li{color:var(--lg-body);font-size:1.0625rem;line-height:1.72}
html.qd-light .legal-main p{margin:0 0 14px}
html.qd-light .legal-main ul{list-style:disc;display:block;padding-left:1.4em;margin:6px 0 18px}
html.qd-light .legal-main ul li{margin:0 0 8px;padding-left:.2em}
html.qd-light .legal-main ul li::marker{color:var(--lg-muted)}
html.qd-light .legal-main strong{color:var(--lg-ink);font-weight:600}
html.qd-light .legal-main a{color:var(--lg-ink);text-decoration:underline;text-decoration-color:rgba(14,18,32,.4);text-underline-offset:3px;text-decoration-thickness:1px}
html.qd-light .legal-main a:hover{text-decoration-color:currentColor}
html.qd-light .legal-main a:focus-visible{outline:2px solid var(--lg-ink);outline-offset:2px;border-radius:2px}
html.qd-light .legal-main code{color:var(--lg-ink);background:#EEF0F5;border-color:var(--lg-line)}

/* note (DPA): niente opacita', che abbassa il contrasto */
html.qd-light .legal-main .note{opacity:1;color:var(--lg-muted);font-size:.95rem}

/* bottone di download del DPA: inchiostro bianco sul verde del tema chiaro.
   Lo <style> inline della pagina forza #06131a con !important: serve una regola piu' specifica. */
html.qd-light .legal-main a.btn-cta{color:#fff !important;background:var(--accent);text-decoration:none;padding:.7rem 1.1rem;border-radius:8px}
html.qd-light .legal-main a.btn-cta:hover{background:#065f46;filter:none}

/* tabelle: griglia leggibile, scorrono dentro il loro riquadro */
html.qd-light .legal-main .tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0 20px;border:1px solid var(--lg-line);border-radius:10px;background:var(--lg-paper)}
html.qd-light .legal-main .tblwrap table{margin:0;border:0}
html.qd-light .legal-main table{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--lg-paper)}
html.qd-light .legal-main th,
html.qd-light .legal-main td{border:0;border-bottom:1px solid var(--lg-line);padding:10px 12px;text-align:left;vertical-align:top;color:var(--lg-body);line-height:1.55}
html.qd-light .legal-main tr:last-child td{border-bottom:0}
html.qd-light .legal-main th{color:var(--lg-ink);font-weight:600;background:#F1F3F8}
html.qd-light .legal-main .tblwrap th:not(:last-child),
html.qd-light .legal-main .tblwrap td:not(:last-child){border-right:1px solid var(--lg-line)}

/* tabella sub-processor (.legal-table, stile inline della pagina): stessi colori in chiaro */
html.qd-light .legal-main .legal-table{border:1px solid var(--lg-line);border-radius:10px;border-collapse:separate;border-spacing:0;overflow:hidden;margin:12px 0 22px}
html.qd-light .legal-main .legal-table th{opacity:1;color:var(--lg-ink);font-size:.8rem;letter-spacing:.04em}
html.qd-light .legal-main .legal-table th,
html.qd-light .legal-main .legal-table td{border-bottom:1px solid var(--lg-line)}
html.qd-light .legal-main .legal-table tbody tr:last-child td{border-bottom:0}

/* pie' di pagina */
html.qd-light .footer{border-top:1px solid var(--lg-line)}
html.qd-light .footer .foot-base{color:var(--lg-muted);line-height:1.9}
html.qd-light .footer .foot-base a{color:var(--lg-muted)}
html.qd-light .footer .foot-base a:hover{color:var(--lg-ink)}

/* telefono */
@media (max-width:640px){
  html.qd-light .legal-main{font-size:16px;padding-top:18px}
  html.qd-light .legal-main h2{margin-top:36px;font-size:1.18rem}
  html.qd-light .legal-main p,
  html.qd-light .legal-main li{font-size:1rem;line-height:1.7}
  html.qd-light .legal-main .crumbs a{display:inline-flex;align-items:center;min-height:44px}
  html.qd-light .legal-main a.btn-cta{display:block;text-align:center}
  /* tabella dei cookie (privacy): resta tabella, piu' compatta; se non entra scorre nel suo riquadro */
  html.qd-light .legal-main .tblwrap table{font-size:.9rem}
  html.qd-light .legal-main .tblwrap :is(th,td){padding:9px 10px}
  /* .legal-table diventa a schede (regola inline della pagina): bordo per scheda */
  html.qd-light .legal-main .legal-table{border:0;border-radius:0;background:transparent}
  html.qd-light .legal-main .legal-table tr{background:var(--lg-paper);border:1px solid var(--lg-line);border-radius:10px;padding:10px 14px;margin:0 0 10px}
  html.qd-light .legal-main .legal-table td{border:0;padding:3px 0;background:transparent}
  html.qd-light .footer .foot-base{padding-left:16px !important;padding-right:16px !important}
}

/* stampa: solo il testo legale, nero su bianco */
@media print{
  @page{margin:18mm 16mm}
  html.qd-light,html.qd-light body{background:#fff !important;color:#000}
  html.qd-light .topbar,
  html.qd-light .nav-wrap,
  html.qd-light .footer,
  html.qd-light .legal-main .crumbs,
  html.qd-light .legal-main a.btn-cta,
  [data-qda-brand],.qdA-btn{display:none !important}
  html.qd-light .legal-main{max-width:none;padding:0;margin:0;font-size:11pt}
  html.qd-light .legal-main h1{font-size:20pt;margin:0 0 6pt;color:#000}
  html.qd-light .legal-main h2{font-size:13pt;margin:16pt 0 6pt;color:#000;break-after:avoid;page-break-after:avoid}
  html.qd-light .legal-main :is(p,li,td,th,.upd,.note,strong){color:#000}
  html.qd-light .legal-main :is(p,li){orphans:3;widows:3}
  html.qd-light .legal-main a{color:#000;text-decoration:underline}
  html.qd-light .legal-main .upd{border-bottom:1px solid #999}
  html.qd-light .legal-main .tblwrap{overflow:visible;border:0}
  html.qd-light .legal-main tr{break-inside:avoid;page-break-inside:avoid}
  html.qd-light .legal-main :is(th,td){border:1px solid #999 !important;background:#fff !important}
}