/* ==========================================================
   LIBRARY — Ernest Bluff Public Library
   "Knowledge is power"

   Palette: Scholarly warmth — deep forest green, warm
   wood/leather brown, cream paper, gold accents
   Font: Alegreya (elegant literary serif — already loaded),
   Alegreya SC for headings
   Image: library.png
   ========================================================== */

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

    /* Page background — aged paper */
    --color-bg: #f5f0e8;
    --color-body-bg: #faf7f2;

    /* Title bar — deep library green */
    --color-title-bar-bg: #1a3c2a;
    --color-title-bar-text: #f5f0e8;

    /* Header image */
    --color-header-bg: #2d5a3d;
    --header-image: url('/images/headers/library.png');
    --header-height: 325px;

    /* Navigation — forest green */
    --color-menu-bg: #2d5a3d;
    --color-menu-text: #f5f0e8;
    --color-menu-hover: #3d7a52;
    --color-menu-hover-text: #fde68a;

    /* Container border */
    --color-container-border: #2d5a3d;

    /* Footer */
    --color-footer-bg: #1a3c2a;
    --color-footer-text: #c8d6c8;
    --color-helper-footer-bg: #0f2418;
    --color-helper-footer-text: #8faa8f;
}


/* Title bar — small caps scholarly feel */
.site-library .site-title-bar .title {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.05em;
    font-weight: 700;
}

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


/* Header image */
.site-library .header-image {
    background-size: cover;
}


/* Menu — warm scholarly navigation */
.site-library .menu-button {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.03em;
    border-left: 3px solid transparent;
}

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

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

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


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


/* Content — warm readable text */
.site-library #content {
    line-height: 1.8;
    color: #2c2416;
}

.site-library #content h1,
.site-library #content h2,
.site-library #content h3 {
    font-family: 'Alegreya SC', serif;
    color: #1a3c2a;
}

.site-library #content a {
    color: #2d5a3d;
}

.site-library #content a:hover {
    color: #3d7a52;
}


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