/**
 * Articles List Styles with Dark Mode Support
 */

.articles_page {
    margin-top: 30px;
    color: var(--admin-text);
}

.articles_list_view_select {
    margin-top: 30px;
}

.articles_list_id {
    font-size: 12px;
    color: var(--admin-text-muted);
}

.articles_title {
    font-size: 20px;
    font-weight: bold;
    color: var(--admin-heading);
}

.articles_article_count {
    color: var(--admin-text);
}

.articles_name {
    font-size: 20px;
    font-weight: bold;
    color: var(--admin-heading);
}

.articles_bits {
    color: var(--admin-text);
}

.articles_bit_author {
    font-size: 18px;
    color: var(--admin-text);
}

.articles_bits a:link,
.articles_bits a:visited,
.articles_bits a:active {
    color: var(--admin-link);
    text-decoration: none;
}

.articles_bits a:hover {
    color: var(--admin-link-hover);
    text-decoration: underline;
}

.articles_bit_article {
    font-size: 20px;
    margin-top: 20px;
}

.articles_bit_published_date {
    font-style: italic;
    color: var(--admin-text-muted);
}

.articles_bit_article_length {
    font-style: italic;
    color: var(--admin-text-muted);
}

.articles_bit_author_image {
    margin-top: 25px;
    max-width: 70px;
    vertical-align: top;
    box-shadow: var(--admin-image-shadow);
    border-radius: 4px;
}

/* View selector buttons */
.articles_list_view_select .btn-outline-primary {
    color: var(--admin-link);
    border-color: var(--admin-link);
}

.articles_list_view_select .btn-outline-primary:hover,
.articles_list_view_select .btn-outline-primary.active {
    background-color: var(--admin-link);
    color: #fff;
}

[data-theme="dark"] .articles_list_view_select .btn-outline-primary:hover,
[data-theme="dark"] .articles_list_view_select .btn-outline-primary.active {
    color: #1a1a2e;
}