/* ============================================================
   assets/css/blog.css  –  Blog-Übersicht (blog.php)
   ============================================================ */
 
/* --- Kategorie-Filter-Leiste ------------------------------- */
.cat-nav {
    display:   flex;
    gap:       6px;
    flex-wrap: wrap;
    margin:    0 0 32px;
}
 
.cat-nav a {
    font-family:     var(--font-mono);
    font-size:       12px;
    letter-spacing:  1px;
    padding:         5px 14px;
    border:          1px solid var(--base01);
    color:           var(--base00);
    text-decoration: none;
    transition:      border-color 0.15s, color 0.15s;
}
 
.cat-nav a:hover { color: var(--base1); border-color: var(--base0); }
.cat-nav a.active { color: var(--cyan); border-color: var(--cyan); }
 
/* --- Artikel-Liste ----------------------------------------- */
.article-list {
    display:        flex;
    flex-direction: column;
}
 
.article-item {
    border-top:  1px solid var(--base02);
    padding:     24px 0;
    display:     grid;
    grid-template-columns: 1fr auto;
    gap:         0 20px;
    align-items: start;
}
 
.article-item:last-child { border-bottom: 1px solid var(--base02); }
 
.article-item h2 {
    font-family:    var(--font-mono);
    font-size:      15px;
    font-weight:    600;
    color:          var(--base1);
    letter-spacing: 0;
    text-transform: none;
    margin:         0 0 6px;
}
 
.article-item h2::after { content: ''; animation: none; } /* Cursor aus style.css deaktivieren */
 
.article-item h2 a {
    color:           inherit;
    text-decoration: none;
    transition:      color 0.15s;
}
 
.article-item h2 a:hover { color: var(--cyan); }
 
/* --- Artikel-Meta ------------------------------------------ */
.article-meta {
    font-family:   var(--font-mono);
    font-size:     12px;
    color:         var(--base01);
    display:       flex;
    gap:           14px;
    flex-wrap:     wrap;
    margin-bottom: 10px;
    align-items:   center;
}
 
/* --- Kategorie-Badge --------------------------------------- */
.cat-badge {
    font-family:     var(--font-mono);
    font-size:       11px;
    padding:         2px 8px;
    border:          1px solid;
    letter-spacing:  0.5px;
    text-decoration: none;
}
 
.cat-badge:hover { opacity: 0.8; text-decoration: none; }
 
/* --- Artikel-Vorschautext ---------------------------------- */
.article-excerpt {
    font-size: 14px;
    color:     var(--base00);
    max-width: 580px;
    margin:    0;
}
 
/* --- Hit-Counter ------------------------------------------- */
.article-hits {
    font-family: var(--font-mono);
    font-size:   12px;
    color:       var(--base01);
    text-align:  right;
    white-space: nowrap;
}
 
/* --- Leer-Zustand ------------------------------------------ */
.empty {
    font-family: var(--font-mono);
    font-size:   13px;
    color:       var(--base01);
    padding:     40px 0;
}
 
.empty span { color: var(--orange); }