/*
 * S615 Hub - Updates & Changelog shortcode styles.
 *
 * Minimal, brand-consistent styles for the [s615_updates] output. The s615-hub
 * plugin has no shared frontend "615-kit" stylesheet handle (s615-admin-kit.css
 * is admin-only; the topbar injects inline styles via wp_head), so this small
 * dedicated sheet is enqueued on the frontend rather than duplicating a full kit.
 * Uses the brand primary #008AC9 and is responsive from 320px upward with no
 * horizontal overflow. Feature: updates-changelog-pages (Requirements 5.1-5.3).
 */

.s615-updates.s615-kit {
    --s615-primary: #008AC9;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 0 1.5rem;
    padding: 0;
    color: inherit;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.s615-updates.s615-kit * {
    box-sizing: border-box;
    max-width: 100%;
}

.s615-updates-heading {
    color: var(--s615-primary);
    font-size: 1.4rem;
    line-height: 1.3;
    margin: 0 0 0.5rem;
}

.s615-updates-updated {
    font-size: 0.85rem;
    opacity: 0.75;
    margin: 0 0 1rem;
}

.s615-updates-updated-label {
    font-weight: 600;
}

.s615-updates-entry {
    border-left: 3px solid var(--s615-primary);
    padding: 0.5rem 0 0.5rem 0.85rem;
    margin: 0 0 1.25rem;
}

.s615-updates-name {
    font-size: 1.15rem;
    line-height: 1.3;
    margin: 0 0 0.25rem;
}

.s615-updates-version {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    background: var(--s615-primary);
    border-radius: 4px;
    padding: 0.1rem 0.5rem;
    margin: 0 0 0.5rem;
}

.s615-updates-description {
    margin: 0 0 0.5rem;
}

.s615-updates-changelog {
    font-size: 0.95rem;
    line-height: 1.5;
}

.s615-updates-changelog ul,
.s615-updates-changelog ol {
    padding-left: 1.25rem;
    margin: 0.25rem 0;
}

.s615-updates-changelog a {
    color: var(--s615-primary);
}

.s615-updates-changelog code {
    background: rgba(0, 138, 201, 0.1);
    padding: 0.05rem 0.3rem;
    border-radius: 3px;
    word-break: break-word;
}

.s615-updates-no-changelog {
    font-style: italic;
    opacity: 0.7;
    margin: 0;
}

.s615-updates-unavailable {
    padding: 0.75rem 1rem;
    border-left: 3px solid var(--s615-primary);
    background: rgba(0, 138, 201, 0.06);
    margin: 0;
}

@media (max-width: 480px) {
    .s615-updates-heading {
        font-size: 1.2rem;
    }
    .s615-updates-entry {
        padding-left: 0.6rem;
    }
}