/* ============================================================
   LEGACY Pro/Contro (ex blocco GutenCon, plugin disattivato)
   Reintegra SOLO il CSS dei blocchi già presenti nel contenuto di ~54
   articoli (classi .gc-prcs-*). Nessuna dipendenza dal plugin, nessun
   contenuto toccato. Colori dai token del tema (--fd-success / --fd-danger).
   ============================================================ */

.gc-prcs-box { overflow: visible; }
@media only screen and (min-width: 768px) { .gc-prcs-box { display: flex; } }

.gc-prcs-box__col {
  width: 100%; float: none; margin-right: 0; margin-bottom: 20px;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .gc-prcs-box__col { position: relative; float: left; width: 48%; margin-right: 4%; }
  .gc-prcs-box__col:last-of-type { margin-right: 0; clear: right; }
}

.gc-prcs-box__title {
  margin: 0 0 10px 0; font-size: 19px; font-weight: 700; line-height: 1.2;
  padding: 13px; color: #fff; fill: #fff; border-radius: 8px;
}
.gc-prcs-box__title--pros { background: var(--fd-success, #2e9e5b); }
.gc-prcs-box__title--cons { background: var(--fd-danger, #d64545); }
.gc-prcs-box__title svg { width: 20px; margin-right: 10px; }

.gc-prcs-box__list { margin: 0 !important; padding: 20px !important; list-style: none !important; }
.gc-prcs-box__item {
  list-style: none !important; margin: 0 0 15px 0 !important; position: relative;
  padding-right: 30px; font-size: 16px; line-height: 20px;
}
/* Dentro .nw-prose le voci ereditano il pallino blu (::before) e un
   padding-left: l'icona dev'essere solo lo SVG check/x. Li annulliamo. */
.gc-prcs-box .gc-prcs-box__item { padding-left: 0 !important; }
.gc-prcs-box .gc-prcs-box__item::before { content: none !important; display: none !important; }
.gc-prcs-box .gc-prcs-box__item::marker { content: "" !important; }
.gc-prcs-box .gcbox-pros__item > svg { height: 20px; width: 20px; margin: 0 10px 6px 0; vertical-align: text-top; }
.gc-prcs-box .gcbox-cons__item > svg { height: 16px; width: 16px; margin: 0 10px 6px 0; vertical-align: middle; }