/*
 * VMedios — Pie de Fotografía de Cabecera
 * Estilos frontend — solo cargados en is_single()
 */

/* Contenedor figure */
.vmhc-figure {
    display: block;
    margin: 0 0 4px 0;
    padding: 0;
    position: relative;
    line-height: 0; /* evita espacio extra bajo la imagen */
}

/* Restablecer line-height para el caption */
.vmhc-figure .vmhc-caption {
    line-height: 1.4;
}

/* ── Posición: DEBAJO de la imagen ─────────────────────── */
.vmhc-caption.vmhc-pos-below {
    display: block;
    background: rgba(0, 0, 0, 0.06);
    color: #555;
    font-size: 12px;
    font-style: italic;
    padding: 6px 10px;
    margin: 0;
    border-left: 3px solid rgba(0, 0, 0, 0.15);
}

/* ── Posición: SUPERPUESTO sobre la imagen ─────────────── */
.vmhc-overlay-wrap {
    overflow: hidden;
}
.vmhc-caption.vmhc-pos-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-size: 12px;
    font-style: italic;
    padding: 6px 12px;
    margin: 0;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* ── Alineaciones ───────────────────────────────────────── */
.vmhc-align-left   { text-align: left;   }
.vmhc-align-center { text-align: center; }
.vmhc-align-right  { text-align: right;  }

/* ── Compatibilidad con el tema VMedios ─────────────────── */
/* La imagen en single usa background-image en un div .post-img
   por lo que el figure envolvente debe heredar el tamaño */
.vmhc-figure .post-img,
.vmhc-figure .page-single-img-wrap,
.vmhc-figure > div,
.vmhc-figure > a {
    display: block;
    line-height: 0;
}