/* ==========================================================
   POLICE — Ernest Bluff Police Department
   "Protecting and serving since 1952"

   Palette: Navy blue authority + gold badge accents
   Font: Roboto (clean, official, no-nonsense)
   Image: police1.png
   ========================================================== */

.site-police {
    font-family: 'Roboto', 'Alegreya', sans-serif;

    /* Page background */
    --color-bg: #e8ecf1;
    --color-body-bg: #ffffff;

    /* Title bar */
    --color-title-bar-bg: #0d1b2a;
    --color-title-bar-text: #e2c044;

    /* Header image */
    --color-header-bg: #1a2744;
    --header-image: url('/images/police.png');
    --header-height: 325px;

    /* Navigation */
    --color-menu-bg: #1e3a5f;
    --color-menu-text: #f0f2f5;
    --color-menu-hover: #2c5282;
    --color-menu-hover-text: #ffd700;

    /* Container border */
    --color-container-border: #1e3a5f;

    /* Footer */
    --color-footer-bg: #1a2744;
    --color-footer-text: #cbd5e0;
    --color-helper-footer-bg: #0f1b2d;
    --color-helper-footer-text: #a0aec0;
}


/* Title bar — uppercase official styling */
.site-police .site-title-bar .title {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}

.site-police .site-title-bar .subtitle {
    letter-spacing: 0.04em;
    font-weight: 300;
}


/* Header image — cover fit for the police exterior photo */
.site-police .header-image {
    background-size: cover;
}


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


/* Menu hover — gold badge accent border */
.site-police .menu-button {
    border-left: 3px solid transparent;
}

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

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

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


/* Footer — subtle official tone */
.site-police #site-footer {
    font-size: 0.85rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}