/**
 * Custom Field Manager — Frontend Stylesheet
 *
 * Minimal layout helpers for shortcode output on the public-facing site.
 * Intentionally lightweight — themes should override as needed.
 *
 * @package CustomFieldManager
 * @since   1.0.0
 */

/* ==========================================================================
   1. Base Field Output
   ========================================================================== */

.cfm-field {
    margin-bottom: 1em;
}

.cfm-field:last-child {
    margin-bottom: 0;
}

.cfm-field-label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.25em;
}

.cfm-field-value {
    display: block;
}

/* ==========================================================================
   2. Repeater
   ========================================================================== */

.cfm-repeater {
    margin-bottom: 1em;
}

.cfm-repeater:last-child {
    margin-bottom: 0;
}

.cfm-repeater-item {
    padding: 1em 0;
    border-bottom: 1px solid #e0e0e0;
}

.cfm-repeater-item:first-child {
    padding-top: 0;
}

.cfm-repeater-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* ==========================================================================
   3. Type-specific helpers
   ========================================================================== */

/* Image */
.cfm-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Date */
.cfm-date {
    font-variant-numeric: tabular-nums;
}

/* File link */
.cfm-file a {
    text-decoration: underline;
}

/* ==========================================================================
   4. Empty field message
   ========================================================================== */

.cfm-field-empty {
    color: #787c82;
    font-style: italic;
}