/**
 * HeartVerse — leggibilità e ritmo visivo pagina articolo (solo single post).
 */

.hv-layout-single {
  --hv-article-read-width: 88%;
}

/* 1. Colonna di lettura più contenuta — cover a piena larghezza colonna */
.hv-layout-single .hv-article-category,
.hv-layout-single .hv-breadcrumbs,
.hv-layout-single .hv-article-title,
.hv-layout-single .hv-article-meta,
.hv-layout-single .hv-article-content,
.hv-layout-single .hv-review-box,
.hv-layout-single .hv-author-wrap,
.hv-layout-single .hv-share-wrap {
  max-width: var(--hv-article-read-width);
  margin-left: auto;
  margin-right: auto;
}

.hv-layout-single .hv-article-img {
  width: 100%;
  max-width: 100%;
}

/* 2. Cover — più respiro e finitura (dimensione invariata) */
.hv-layout-single .hv-article-meta {
  margin-bottom: 22px;
}

.hv-layout-single .hv-article-img {
  margin-top: 4px;
  margin-bottom: 26px;
  border-radius: 16px;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.32);
}

/* 3. Leggibilità */
.hv-layout-single .hv-article-content {
  line-height: 2;
}

.hv-layout-single .hv-article-content p {
  margin-bottom: 1.35em;
}

.hv-layout-single .hv-article-content h2 {
  margin: 1.65em 0 0.7em;
}

/* 4. Box Indice (Easy TOC) — solo aspetto, logica invariata */
.hv-layout-single .hv-article-content #ez-toc-container,
.hv-layout-single .hv-article-content .ez-toc-widget-container,
.hv-layout-single .hv-single-main #ez-toc-container,
.hv-layout-single .hv-single-main .ez-toc-widget-container {
  padding: 18px 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  background: linear-gradient(165deg, rgba(28, 28, 28, 0.98) 0%, rgba(16, 16, 16, 0.98) 100%) !important;
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.24) !important;
  margin-bottom: 1.5em !important;
}

.hv-layout-single .hv-article-content #ez-toc-container .ez-toc-title-container,
.hv-layout-single .hv-article-content .ez-toc-title-container,
.hv-layout-single .hv-single-main #ez-toc-container .ez-toc-title-container,
.hv-layout-single .hv-single-main .ez-toc-title-container {
  padding-bottom: 12px !important;
  margin-bottom: 14px !important;
}

.hv-layout-single .hv-article-content #ez-toc-container nav ul,
.hv-layout-single .hv-article-content .ez-toc-widget-container nav ul,
.hv-layout-single .hv-single-main #ez-toc-container nav ul {
  margin: 0 !important;
  padding: 0 !important;
}

.hv-layout-single .hv-article-content #ez-toc-container nav li,
.hv-layout-single .hv-article-content .ez-toc-widget-container nav li,
.hv-layout-single .hv-single-main #ez-toc-container nav li {
  margin: 0 0 8px !important;
  padding: 0 !important;
}

.hv-layout-single .hv-article-content #ez-toc-container nav li:last-child,
.hv-layout-single .hv-single-main #ez-toc-container nav li:last-child {
  margin-bottom: 0 !important;
}

/* 5. Citazioni */
.hv-layout-single .hv-article-content :is(blockquote, .wp-block-quote) {
  margin: 1.35em 0;
  padding: 16px 18px;
  border-left-width: 6px;
}

/* 6. Fine articolo — più respiro tra gli elementi */
.hv-layout-single .hv-article-content {
  margin-bottom: 6px;
}

.hv-layout-single .hv-article-content + .hv-review-box {
  margin-top: 32px;
}

.hv-layout-single .hv-author-wrap {
  margin-top: 36px;
}

.hv-layout-single .hv-share-wrap {
  margin-top: 32px;
}

.hv-layout-single .hv-whatsapp-cta {
  margin-top: 28px;
  margin-bottom: 20px;
}

.hv-layout-single .hv-post-end {
  margin-top: 32px;
}

.hv-layout-single .hv-post-adjacent {
  margin-bottom: 20px;
}

/* 7. Mobile — larghezza piena; cover e meta come prima */
@media (max-width: 768px) {
  .hv-layout-single {
    --hv-article-read-width: 100%;
  }

  .hv-layout-single .hv-article-meta {
    margin-bottom: 16px;
  }

  .hv-layout-single .hv-article-img {
    margin-top: 0;
    margin-bottom: 22px;
    border-radius: 12px;
    box-shadow: none;
  }
}