/* ==========================================================
   BOOKS — The Book Nook
   "Used & rare books in the heart of the Bluff"

   Palette: Old bookshop warmth — deep burgundy leather,
   aged paper cream, warm lamp gold, dusty green. Cozy,
   literary, inviting.
   Font: Alegreya (literary serif — already loaded),
   Alegreya SC for titles
   No image — warm burgundy/leather gradient
   ========================================================== */

.site-books {
    font-family: 'Alegreya', Times, serif;

    /* Page background — aged paper */
    --color-bg: #f4ede0;
    --color-body-bg: #faf6ee;

    /* Title bar — deep burgundy leather */
    --color-title-bar-bg: #4a1a1a;
    --color-title-bar-text: #e8d4a8;

    /* Header — no image, old leather gradient */
    --color-header-bg: #6b2828;
    --header-image: url('/images/books.png');
    --header-height: 325px;

    /* Navigation — burgundy with warm gold hover */
    --color-menu-bg: #6b2828;
    --color-menu-text: #f0e4d0;
    --color-menu-hover: #8a3838;
    --color-menu-hover-text: #e8c86a;

    /* Container border */
    --color-container-border: #6b2828;

    /* Footer */
    --color-footer-bg: #4a1a1a;
    --color-footer-text: #b8a088;
    --color-helper-footer-bg: #321010;
    --color-helper-footer-text: #8a7060;
}


/* Title bar — literary, warm */
.site-books .site-title-bar .title {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.site-books .site-title-bar .subtitle {
    font-family: 'Alegreya', serif;
    font-style: italic;
    letter-spacing: 0.04em;
    opacity: 0.85;
}


/* Header — aged leather gradient */
.site-books .header-image {
    background-size: cover;
    border-bottom: 3px solid #c8a860;
}


/* Menu — warm gold accent */
.site-books .menu-button {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.04em;
    border-left: 3px solid transparent;
}

.site-books .menu-button:hover {
    border-left: 3px solid #e8c86a;
}

@media (min-width: 768px) {
    .site-books .menu-button {
        border-left: none;
        border-bottom: 3px solid transparent;
    }

    .site-books .menu-button:hover {
        border-left: none;
        border-bottom: 3px solid #e8c86a;
    }
}


/* Menu — Desktop alignment fix (3 nav items) */
@media (min-width: 768px) {
    .site-books .menu-button {
        flex: 0 1 auto;
        max-width: 240px;
        min-width: 140px;
        padding: 0.25em 1.5em;
    }
}


/* Content — warm literary readability */
.site-books #content {
    line-height: 1.8;
    color: #2c2018;
}

.site-books #content h1,
.site-books #content h2,
.site-books #content h3 {
    font-family: 'Alegreya SC', serif;
    color: #4a1a1a;
}

.site-books #content a {
    color: #6b2828;
}

.site-books #content a:hover {
    color: #8a3838;
}


/* Footer — warm burgundy */
.site-books #site-footer {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.02em;
    font-size: 0.85rem;
}