/* =====================================================
   Image Caption & Alt Text Display — v1.6.0
   ===================================================== */

/* ── Figure wrapper for content images ── */
.icd-wrap {
    display: block;
    margin: 1.2em 0 0;
    padding: 0;
    border: none;
}
.icd-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
}

/* ══════════════════════════════════════
   META BLOCK — base (both thumb & content)
══════════════════════════════════════ */
.icd-meta,
.icd-thumb-meta {
    display: block;
    /* margin-top set by dynamic CSS (img_text_spacing) */
}

.icd-meta span,
.icd-thumb-meta span {
    display: block;
    line-height: 1.6;
    /* font-size, color, margin-bottom set by dynamic CSS */
}

.icd-meta strong,
.icd-thumb-meta strong {
    font-weight: 700;
    /* color set by dynamic CSS */
}

/* ══════════════════════════════════════
   STYLE PRESETS
══════════════════════════════════════ */

/* ── None ── */
.icd-style-none {
    /* no decoration */
}

/* ── Minimal: subtle left border ── */
.icd-style-minimal {
    border-left: 3px solid #cccccc;
    padding: 4px 0 4px 10px;
}

/* ── Boxed: light card ── */
.icd-style-boxed {
    background: #f7f8fa;
    border: 1px solid #dde1e7;
    border-radius: 4px;
    padding: 8px 12px;
}

/* ── Elegant: dark gradient card ── */
.icd-style-elegant {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    border-radius: 4px;
    padding: 8px 12px;
}
/* elegant text colors are overridden in dynamic CSS only when elegant is selected */

/* ══════════════════════════════════════
   HR DIVIDER
══════════════════════════════════════ */
.icd-divider {
    display: block;
    border: none;
    border-top: 1px solid #dddddd;
    margin: 10px 0 20px;
    padding: 0;
    height: 0;
    background: none;
    clear: both;
}

/* ══════════════════════════════════════
   Featured image thumb meta spacing
══════════════════════════════════════ */
.icd-thumb-meta {
    margin-bottom: 0;
}

/* ══════════════════════════════════════
   Responsive
══════════════════════════════════════ */
@media (max-width: 600px) {
    .icd-meta,
    .icd-thumb-meta { padding-left: 8px; }
}
