/* ==========================================
   CHANGELOG.CSS - Horizontal Underline Version
   ========================================== */

.changelog-main {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Karta verze - nyní bez boční lišty */
.version-section {
    animation: fadeInUp 0.5s ease-out;
    padding: 1rem 0;
    margin-bottom: 3rem;
    /* Rozestup mezi verzemi */
}

.version-section:last-child {
    margin-bottom: 0;
}

/* Hlavička verze s podtržením */
.version-header {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    margin-bottom: 2rem;
    padding-bottom: 1.2rem;
    /* Zde je to zelené podtržení */
    border-bottom: 3px solid var(--color-primary);
    position: relative;
}

.version-number {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--color-primary);
    background: rgba(16, 185, 129, 0.1);
    padding: 0.4rem 1rem;
    border-radius: var(--radius-md);
    letter-spacing: 0.5px;
}

.version-date {
    color: var(--color-text-muted);
    font-size: 1rem;
    margin-left: auto;
    font-weight: 500;
}

/* Kategorie změn */
.change-category {
    margin-bottom: 2rem;
}

.category-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--color-text-primary);
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

/* Seznam změn a řádkování */
.change-list {
    list-style: none;
    padding-left: 0.2rem;
}

.change-item {
    position: relative;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    color: var(--color-text-secondary);
    line-height: 1.8;
    /* Vyšší line-height pro přehlednost */
    font-size: 1rem;
}

/* Odrážky */
.change-item::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--color-primary);
    font-weight: bold;
    font-size: 1.4rem;
    top: -2px;
}

/* Štítky (Badges) */
.badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 8px;
    vertical-align: middle;
}

/* Standardized Badge Styles */
.badge-new,
.badge-major {
    background: rgba(16, 185, 129, 0.15);
    color: var(--color-primary);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.badge-ui,
.badge-improvement,
.badge-improved {
    background: rgba(139, 92, 246, 0.15);
    color: var(--color-secondary);
    border: 1px solid rgba(139, 92, 246, 0.3);
}

.badge-fix,
.badge-fixed,
.badge-security {
    background: rgba(245, 158, 11, 0.15);
    color: var(--color-accent);
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.badge-core,
.badge-backend,
.badge-code {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.badge-seo {
    background: rgba(6, 182, 212, 0.15);
    color: #22d3ee;
    border: 1px solid rgba(6, 182, 212, 0.3);
}

/* Animations moved to shared.css */

/* Responzivita */
@media (max-width: 600px) {
    .version-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.8rem;
    }

    .version-date {
        margin-left: 0;
    }
}