/* =======================================================
   DETTAGLIO "*_detail" — usa solo classi già esistenti
   Target: .section-omelie .section-inner .item, .item-meta, .item-desc
   (Niente classi nuove come "detail-card" ecc.)
   ======================================================= */

/* Breadcrumb minimale:
   nel tuo template è un <p> prima del titolo. Lo stilizziamo così. */
.section-omelie .section-inner > p:first-child {
  margin-bottom: 0.75rem;
}
.section-omelie .section-inner > p:first-child a {
  color: var(--color-accent, #C9A227);
  text-decoration: none;
}
.section-omelie .section-inner > p:first-child a:hover {
  text-decoration: underline;
}

/* Card centrale del dettaglio (riusa .item) */
.section-omelie.section-light .section-inner .item {
  max-width: 820px;
  margin: 0 auto;               /* centra il blocco */
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  padding: 16px;
}

/* Meta sopra il testo */
.section-omelie .section-inner .item .item-meta {
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  opacity: 0.8;
}

/* Corpo testo (riusa .item-desc) */
.section-omelie .section-inner .item .item-desc {
  text-align: left;
  line-height: 1.7;
  font-size: 1rem;
}

/* Link download PDF:
   nel template è dentro l'ultimo <div> dentro .item */
.section-omelie .section-inner .item > div:last-child a {
  display: inline-block;
  margin-top: 1rem;
  text-decoration: none;
  color: var(--color-accent, #C9A227);
  font-weight: 600;
}
.section-omelie .section-inner .item > div:last-child a:hover {
  text-decoration: underline;
}