/**
 * GC Theme — Post Meta
 *
 * Author meta block shown at the top of all singular posts:
 *   .gc-single-meta            wrapper
 *     .gc-single-avatar        author avatar (round, 36px)
 *     <span>by [Author Name]</span>
 *     <span>Published on [Date]</span>
 *     .gc-single-updated       Last updated badge (right-aligned)
 *
 * Shared across content posts (post, gc_guide, case_study,
 * interview, podcast) AND casino reviews.
 *
 * @package GC_Theme
 */

.gc-single-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--gc-text-muted);
    flex-wrap: wrap;
    margin-bottom: 56px;
    justify-content: flex-start !important;
}

.gc-single-avatar img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.gc-single-meta a {
    color: var(--gc-navy);
    font-weight: 600;
    text-decoration: none;
}

.gc-single-meta a:hover {
    color: var(--gc-primary-dark);
}

/* ── Last Updated badge ── */
.gc-single-updated {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: var(--gc-text-muted) !important;
    border: 1px solid var(--gc-border-soft);
    padding: 3px 10px;
    border-radius: 14px;
    font-weight: 400;
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

.gc-single-updated::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--gc-success);
    border-radius: 50%;
    flex-shrink: 0;
}

/* ── Casino-specific override (no margin below meta block) ── */
.gc-casino-content .gc-single-meta {
    margin-bottom: 0;
}

/* ── Mobile responsive ── */
@media (max-width: 600px) {
    .gc-single-meta {
        flex-wrap: wrap;
        gap: 6px;
    }

    .gc-single-updated {
        margin-left: 0 !important;
    }
}