/* ==========================================================
   CEMETERY — Ernest Bluff Cemetery
   "Resting place since 1847"

   Palette: Somber and dignified — slate gray, dark stone,
   muted sage green, weathered iron. Gothic undertones
   without being theatrical.
   Font: Alegreya (dignified serif — already loaded),
   Alegreya SC for titles
   No image — dark stone gray gradient
   ========================================================== */

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

    /* Page background — cool stone gray */
    --color-bg: #e8e8e4;
    --color-body-bg: #f4f3f0;

    /* Title bar — dark granite */
    --color-title-bar-bg: #2c2f33;
    --color-title-bar-text: #c8ccc4;

    /* Header — no image, weathered stone gradient */
    --color-header-bg: #3d4045;
    --header-image: url('/images/cemetery.png');
    --header-height: 325px;

    /* Navigation — dark stone with sage accent */
    --color-menu-bg: #3d4045;
    --color-menu-text: #ddddd8;
    --color-menu-hover: #4d5158;
    --color-menu-hover-text: #a8b5a0;

    /* Container border */
    --color-container-border: #3d4045;

    /* Footer */
    --color-footer-bg: #2c2f33;
    --color-footer-text: #9a9d98;
    --color-helper-footer-bg: #1e2023;
    --color-helper-footer-text: #6d706a;
}


/* Title bar — solemn, engraved stone feel */
.site-cemetery .site-title-bar .title {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
    font-size: clamp(1rem, 3.5vw, 1.8rem);
}

.site-cemetery .site-title-bar .subtitle {
    font-family: 'Alegreya', serif;
    font-style: italic;
    letter-spacing: 0.06em;
    opacity: 0.7;
    font-size: clamp(0.7rem, 2vw, 0.85rem);
}


/* Header image */
.site-cemetery .header-image {
    background-size: cover;
    border-bottom: 2px solid #5a5d52;
}


/* Menu — subdued, reverent */
.site-cemetery .menu-button {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.05em;
    font-size: 1.1em;
    border-left: 3px solid transparent;
}

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

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

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


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


/* Content — somber, dignified readability */
.site-cemetery #content {
    line-height: 1.8;
    color: #3a3d40;
}

.site-cemetery #content h1,
.site-cemetery #content h2,
.site-cemetery #content h3 {
    font-family: 'Alegreya SC', serif;
    color: #2c2f33;
    letter-spacing: 0.03em;
}

.site-cemetery #content a {
    color: #4d5158;
}

.site-cemetery #content a:hover {
    color: #6b7a63;
}


/* Footer — quiet, minimal */
.site-cemetery #site-footer {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.03em;
    font-size: 0.85rem;
}