/**
 * Text Block Module CSS
 * - Layout sobrio ed elegante
 * - Max width 1600px
 * - Background varianti basate su CSS Variables
 * - Liste puntate ottimizzate
 */

 .text-block {
  padding: var(--space-4xl) 0;
  background: var(--bg-primary);
}

.text-block--muted { 
  background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.06), rgba(var(--primary-rgb), 0.03));
}

.text-block--panel {
  background: var(--bg-dark);
}

.text-block__inner {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 var(--space-xl);
}

/* Titoli */
.text-block__title {
  color: var(--title-strong-color);
  margin-bottom: var(--space-xl);
  font-size: var(--text-h3)!important;
}

.text-block__item {
  /* padding: var(--space-lg) 0; */
  border-top: 1px solid rgba(var(--primary-rgb), 0.12);
}
.text-block__item:first-child { border-top: 0; }

.text-block__item-title { 
  color: var(--title-bold-color); 
  margin-bottom: var(--space-md);
}

.text-block__item-body p {
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--text-secondary);
  margin-bottom: var(--space-lg);
}
.text-block__item-body p:last-child { margin-bottom: 0; }

/* Liste eleganti */
.text-block__item-body ul,
.text-block__item-body ol {
  margin: var(--space-md) 0 var(--space-lg);
  padding-left: 1.4em;
}

.text-block__item-body ul { list-style: disc; }
.text-block__item-body ol { list-style: decimal; }

.text-block__item-body li {
  margin: 0 0 var(--space-sm);
  line-height: 1.6;
}

.text-block__item-body li::marker { color: var(--secondary); }

/* Link e testo inline */
.text-block__item-body a {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--transition-fast);
}
.text-block__item-body a:hover { color: var(--secondary); }

.text-block__item-body strong { font-weight: 700; color: var(--secondary); }
.text-block__item-body em { font-style: italic; color: var(--text-muted); }

/* Citazioni */
.text-block__item-body blockquote {
  border-left: 4px solid var(--primary);
  margin: var(--space-xl) 0;
  padding: var(--space-md) var(--space-lg);
  color: var(--text-secondary);
  background: var(--bg-glass);
  border-radius: var(--radius-md);
}

/* Immagini */
.text-block__item-body img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  margin: var(--space-lg) 0;
  box-shadow: var(--shadow-md);
}

/* Tabelle basiche */
.text-block__item-body table { width: 100%; border-collapse: collapse; margin: var(--space-lg) 0; }
.text-block__item-body th,
.text-block__item-body td { border: 1px solid rgba(255,255,255,0.08); padding: var(--space-sm); text-align: left; }
.text-block__item-body th { background: rgba(var(--primary-rgb), 0.08); color: var(--text-primary); }

@media (max-width: 768px) {
  .text-block__inner { padding: 0 var(--space-md); }
  .text-block__item-body p { font-size: 1rem; }
}

@media (max-width: 480px) {
  .text-block { padding: var(--space-2xl) 0; }
  .text-block__inner { padding: 0 var(--space-sm); }
}



.text-block__inner h1 ,.text-block__inner h2 ,.text-block__inner h3 ,.text-block__inner h4 ,.text-block__inner h5 {
  font-size: var(--text-h4);
  line-height: normal;
  margin: auto;
  margin-top: var(--space-2xl);
}