/* Custom styles for Pico CSS Grav theme */

/* Blog listing */
article hgroup {
    margin-bottom: var(--pico-typography-spacing-vertical, 1rem);
}

article hgroup h2 {
    margin-bottom: 0.25rem;
}

article hgroup h2 a {
    color: var(--pico-primary);
    text-decoration: none;
}

article hgroup h2 a:hover {
    text-decoration: underline;
}

/* Tags */
p.post-tags {
    color: var(--pico-muted-color);
    font-size: 0.8rem;
    margin: 0.25rem 0;
}

/* Notices */
.notices {
    padding: 1px 1px 1px 30px;
    margin: 15px 0;
}

.notices.yellow {
    border-left: 10px solid #f0ad4e;
    background: var(--pico-card-background-color, #fcf8f2);
    color: var(--pico-color, #df8a13);
}

.notices.red {
    border-left: 10px solid #d9534f;
    background: var(--pico-card-background-color, #fdf7f7);
    color: var(--pico-color, #b52b27);
}

.notices.blue {
    border-left: 10px solid #5bc0de;
    background: var(--pico-card-background-color, #f4f8fa);
    color: var(--pico-color, #28a1c5);
}

.notices.green {
    border-left: 10px solid #5cb85c;
    background: var(--pico-card-background-color, #f1f9f1);
    color: var(--pico-color, #3d8b3d);
}

/* Footer */
footer.container {
    text-align: center;
    font-size: 0.875rem;
    color: var(--pico-muted-color);
    margin-top: 2rem;
    padding-bottom: 2rem;
}

/* Header nav */
header.container nav {
    border-bottom: 1px solid var(--pico-muted-border-color, #eee);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

/* Blog post metadata */
small {
    color: var(--pico-muted-color);
}

/* Pagination */
.pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin: 2rem 0;
}