/* ==========================================================
   POST OFFICE — Ernest Bluff Post Office
   "Neither rain nor sleet nor small-town secrets"

   Palette: Patriotic/institutional — navy blue, muted red,
   off-white, brass/gold accents. Official yet approachable.
   Font: Alegreya (warm serif — already loaded),
   Alegreya SC for titles
   No image — navy/red institutional gradient
   ========================================================== */

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

    /* Page background — off-white parchment */
    --color-bg: #f0ede6;
    --color-body-bg: #f8f6f1;

    /* Title bar — deep navy */
    --color-title-bar-bg: #1b2a4a;
    --color-title-bar-text: #d4c9a8;

    /* Header — no image, institutional navy gradient */
    --color-header-bg: #263d6a;
    --header-image: url('/images/postoffice.png');
    --header-height: 325px;

    /* Navigation — navy with brass hover */
    --color-menu-bg: #263d6a;
    --color-menu-text: #e8e4d8;
    --color-menu-hover: #345089;
    --color-menu-hover-text: #d4a937;

    /* Container border */
    --color-container-border: #263d6a;

    /* Footer */
    --color-footer-bg: #1b2a4a;
    --color-footer-text: #a8b0c4;
    --color-helper-footer-bg: #111c33;
    --color-helper-footer-text: #7a8296;
}


/* Title bar — official, institutional */
.site-postoffice .site-title-bar .title {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.06em;
    font-weight: 700;
}

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


/* Header — patriotic gradient with red accent */
.site-postoffice .header-image {
    background-size: cover;
    border-bottom: 3px solid #8b3a3a;
}


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

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

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

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


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


/* Content — readable, official */
.site-postoffice #content {
    line-height: 1.8;
    color: #2a2520;
}

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

.site-postoffice #content a {
    color: #263d6a;
}

.site-postoffice #content a:hover {
    color: #8b3a3a;
}


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