/* Terminal tree-style bookshelf for reads page */

.bookshelf {
    background-color: var(--base01);
    border-radius: 4px;
    padding: 1em;
    margin: 2em 0;
    font-family: 'Courier New', 'Monaco', monospace;
    font-size: 0.9em;
    line-height: 1.6;
}

.book {
    display: block;
    padding: 0.1em 0.5em;
    margin: 0;
    transition: background-color 0.2s;
    cursor: default;
    padding-left: 1em;
}

.book:hover {
    background-color: var(--base02);
}

/* Tree structure characters */
.book::before {
    content: "├── ";
    margin-right: 0.3em;
    color: var(--base03);
}

/* Last book in the list gets a different connector */
.book:last-child::before {
    content: "└── ";
}

.book-title {
    color: var(--base05);
}

/* Color variations for different book types - like tree/ls colors */
.book:nth-child(5n+1) .book-title { color: var(--base0D); } /* Blue */
.book:nth-child(5n+2) .book-title { color: var(--base0B); } /* Green */
.book:nth-child(5n+3) .book-title { color: var(--base0E); } /* Purple */
.book:nth-child(5n+4) .book-title { color: var(--base0C); } /* Cyan */
.book:nth-child(5n+5) .book-title { color: var(--base09); } /* Orange */

.section-shelf {
    margin: 3em 0;
}

.section-shelf h3 {
    margin-bottom: 0.5em;
    font-family: 'Courier New', 'Monaco', monospace;
    color: var(--base0B);
    font-size: 1em;
}

.section-shelf-fiction h3::before {
    content: "$ ls -la ~/books/fiction";
    display: block;
    color: var(--base04);
    font-size: 0.9em;
    margin-bottom: 0.3em;
}

.section-shelf-non-fiction h3::before {
    content: "$ ls -la ~/books/non-fiction";
    display: block;
    color: var(--base04);
    font-size: 0.9em;
    margin-bottom: 0.3em;
}

.section-shelf-professional h3::before {
    content: "$ ls -la ~/books/professional";
    display: block;
    color: var(--base04);
    font-size: 0.9em;
    margin-bottom: 0.3em;
}

.section-shelf h3::after {
    content: "";
    display: block;
    margin-top: 0.3em;
    color: var(--base04);
    font-size: 0.85em;
}