/* Kategorien-Styling für die Seitenleiste */

.category-link {
    padding: 0.25rem 0;
    transition: all 0.3s ease;
    border: none;
    background: transparent;
}

.category-link:hover {
    background: transparent;
    border: none;
    transform: translateX(4px);
    text-decoration: none !important;
}

.category-name {
    font-size: 1rem;
    font-weight: 500;
    color: var(--color-text, #333);
    line-height: 1.4;
}

.category-count {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-primary, #007bff);
    background: transparent;
    padding: 0;
    border-radius: 0;
    min-width: auto;
    text-align: right;
}

/* Hover-Effekt für die Zahlen */
.category-link:hover .category-count {
    background: transparent;
    color: var(--color-primary, #007bff);
    transform: none;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .category-link {
        background: transparent;
    }
    
    .category-link:hover {
        background: transparent;
        border: none;
    }
    
    .category-name {
        color: var(--color-text, #e2e8f0);
    }
    
    .category-count {
        color: var(--color-primary, #63b3ed);
        background: transparent;
    }
    
    .category-link:hover .category-count {
        background: transparent;
        color: var(--color-primary, #63b3ed);
    }
    
    .article-title {
        color: var(--color-text, #e2e8f0);
    }
    
    .article-date {
        color: var(--color-primary, #63b3ed);
    }
    
    .recent-article-link:hover .article-title {
        color: var(--color-primary, #63b3ed);
    }
}

/* Neueste Artikel Styling */
.recent-article-link {
    display: block;
    padding: 0.25rem 0;
    transition: all 0.3s ease;
}

.recent-article-link:hover {
    transform: translateX(4px);
    text-decoration: none !important;
}

.article-title {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--color-text, #333);
    line-height: 1.3;
    margin-bottom: 0.1rem;
}

.article-date {
    color: var(--color-primary, #007bff);
    font-size: 0.75rem;
    font-weight: 500;
}

.recent-article-link:hover .article-title {
    color: var(--color-primary, #007bff);
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    .category-link {
        padding: 0.4rem 0;
    }
    
    .category-name {
        font-size: 0.9rem;
    }
    
    .category-count {
        font-size: 0.8rem;
        padding: 0.2rem 0.4rem;
    }
    
    .article-title {
        font-size: 0.9rem;
    }
    
    .article-date {
        font-size: 0.75rem;
    }
}