/* =========================================================
   VISUALIZZA POST
   Delta specifico della pagina di visualizzazione.
   Il contenitore articolo comune vive in vv-post-container.css
   ========================================================= */

.vv-container .vv-post {
  background: var(--vv-bg, #fff) !important;
  color: var(--vv-body-fg, #222) !important;
}

.vv-container .vv-post .vv-title {
  color: var(--vv-title-fg, #111) !important;
  margin: 0 0 .5rem;
  line-height: 1.15;
}

.vv-container .vv-post .vv-post-signature {
  color: var(--vv-meta-fg, #555) !important;
}

.vv-post-container * {
  box-sizing: border-box;
}

.vv-post-container img {
  border-radius: .35rem;
}

.vv-post-container h1,
.vv-post-container h2,
.vv-post-container h3 {
  color: var(--vv-title-fg, #243b63);
}

.vv-post-container a {
  word-break: break-word;
}

.vv-post-container .align-left {
  text-align: left;
}

.vv-post-container .align-center {
  text-align: center;
}

.vv-post-container .align-right {
  text-align: right;
}

.vv-post-container .vv-lang--missing {
  display: none;
}

/* patch */
/* ===== FIX layout verticale visualizza_post ===== */

body.page-visualizza-post main.vv-container.vv-container--post {
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important;
  margin-bottom: 32px !important;
}

body.page-visualizza-post article.vv-post-container {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  margin: 0 auto !important;
}

body.page-visualizza-post .vv-post-body,
body.page-visualizza-post .vv-post-content {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.page-visualizza-post footer.vv-footer,
body.page-visualizza-post .vv-footer {
  position: static !important;
  margin-top: 24px !important;
}

/* ===== VISUALIZZA_POST: il footer deve stare nel flusso ===== */

body.page-visualizza-post {
  padding-bottom: 0 !important;
}

body.page-visualizza-post .footer-hover-zone {
  display: none !important;
}

body.page-visualizza-post footer,
body.page-visualizza-post .vv-footer {
  position: static !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  margin: 20px auto 0 !important;
}

body.page-visualizza-post main.vv-container.vv-container--post {
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important;
  margin-bottom: 24px !important;
}

/* ===== VISUALIZZA_POST: footer normale (NO overlay) ===== */

body.page-visualizza-post footer,
body.page-visualizza-post .vv-footer {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;

  z-index: auto !important;
  backdrop-filter: none !important;

  opacity: 1 !important;
  transform: none !important;

  pointer-events: auto !important;

  margin: 24px auto 0 !important;
}

/* disattiva completamente la zona hover */
body.page-visualizza-post .footer-hover-zone {
  display: none !important;
}

/* ===== DEBUG NUCLEARE: isola il body del post ===== */
body.page-visualizza-post #vv-post-body {
  width: 100% !important;
  max-width: 100% !important;
  max-height: 82vh !important;
  display: flow-root !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  resize: none !important;
  background-color: var(--post-fill, transparent) !important; /* sfondo del CONTENUTO = colore scelto (--post-fill, ereditato da .vrv-view-article); fallback trasparente. Prima 'transparent' fisso vinceva sul sistema nuovo e lasciava trasparire la tinta-pagina. */
}

body.page-visualizza-post #vv-post-body img:not([class*="float"]):not(.alignleft):not(.alignright),
body.page-visualizza-post #vv-post-body figure,
body.page-visualizza-post #vv-post-body iframe,
body.page-visualizza-post #vv-post-body video {
  display: block !important;
  margin: 1rem auto !important;
  height: auto !important;
}

body.page-visualizza-post #vv-post-body::before,
body.page-visualizza-post #vv-post-body::after,
body.page-visualizza-post #vv-post-body *::before,
body.page-visualizza-post #vv-post-body *::after {
  content: none !important;
}

body.page-visualizza-post .vv-lang--missing {
  display: none;
}