/* =========================
   BOOKS PAGE
========================= */

.page-books .books-block {
    margin-bottom: 12px;
}

/* TOGGLE BUTTON */
.books-toggle {
    width: 100%;
    padding: 12px 16px;

    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);

    background: linear-gradient(
        180deg,
        rgba(10,10,10,0.96),
        rgba(0,0,0,1)
    );

    color: #fff;
    font-weight: 600;
    text-align: left;

    position: relative;
    transition: all 0.25s ease;
}

/* GOLD STRIP */
.books-toggle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;

    background: linear-gradient(
        180deg,
        rgba(243,211,124,0.9),
        rgba(243,211,124,0.2)
    );
}

/* HOVER */
.books-toggle:hover {
    transform: translateY(-2px);

    border-color: rgba(243,211,124,0.35);

    box-shadow:
        0 14px 32px rgba(0,0,0,0.45),
        0 0 12px rgba(243,211,124,0.1);
}

/* CONTENT WRAP */
.books-content {
    margin-top: 10px;
    padding: 14px;

    border-radius: 12px;

    background: rgba(0,0,0,0.92);
    border: 1px solid rgba(255,255,255,0.05);

    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* AUTHOR BLOCK */
.book-author-block {
    padding: 12px 14px;

    border-radius: 10px;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.04);

    transition: all 0.2s ease;
}

.book-author-block:hover {
    border-color: rgba(243,211,124,0.22);

    box-shadow:
        0 8px 18px rgba(0,0,0,0.28),
        0 0 10px rgba(243,211,124,0.06);
}

/* AUTHOR */
.book-author {
    margin-bottom: 10px;

    color: #f3d37c;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;

    text-shadow:
        0 0 6px rgba(243,211,124,0.18);
}

.book-note {
    color: rgba(255,255,255,0.55);
    font-size: 0.88rem;
    font-weight: 400;
}

/* BOOK LIST */
.book-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* SINGLE BOOK */
.book-item {
    padding: 8px 10px;

    border-left: 2px solid rgba(243,211,124,0.20);

    color: rgba(255,255,255,0.86);

    transition: all 0.2s ease;
}

.book-item:hover {
    transform: translateX(5px);

    border-left-color: rgba(243,211,124,0.68);

    color: #ffffff;

    text-shadow:
        0 0 6px rgba(243,211,124,0.18);
}