/* Public shell bridge for Case File pages.
   Keeps the shared public header/footer rendering like the main site,
   while allowing Case File-specific styles to control the investigation body. */

body.casefile-page .ccf-nav {
    border-bottom: 1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.92);
    color: #fff;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    position: relative;
    z-index: 200;
}

body.casefile-page .ccf-nav .container {
    max-width: 1140px;
}

body.casefile-page .ccf-nav .navbar-brand,
body.casefile-page .ccf-nav .nav-link,
body.casefile-page .ccf-nav a {
    color: #fff !important;
}

body.casefile-page .ccf-nav .nav-link:hover,
body.casefile-page .ccf-nav .nav-link.ccf-active,
body.casefile-page .ccf-nav .ccf-active {
    color: #9D1A01 !important;
}

body.casefile-page .ccf-brand-subtitle,
body.casefile-page .ccf-nav .ccf-kicker {
    color: rgba(255,255,255,.62) !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: .85rem;
}

body.casefile-page .ccf-nav-two-row .container {
    align-items: center;
    flex-direction: column;
}

body.casefile-page .ccf-nav-two-row .ccf-nav-menu {
    margin-left: 0 !important;
    margin-top: .75rem;
    width: 100%;
}

body.casefile-page .ccf-nav-two-row .navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .35rem .5rem;
    justify-content: center;
}

body.casefile-page .ccf-nav-two-row .nav-link {
    white-space: nowrap;
}

body.casefile-page .ccf-footer {
    border-top: 1px solid rgba(255,255,255,.12);
    background: #000;
    color: rgba(255,255,255,.72);
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

body.casefile-page .ccf-footer a {
    color: #fff !important;
}

body.casefile-page .ccf-footer a:hover {
    color: #9D1A01 !important;
}

body.casefile-page .casefile-cover-return {
    top: calc(1rem + 84px);
    z-index: 160;
}

@media (max-width: 575.98px) {
    body.casefile-page .ccf-nav-two-row .navbar-nav {
        justify-content: flex-start;
    }

    body.casefile-page .ccf-nav-two-row .ccf-brand {
        width: 100%;
        text-align: left;
    }

    body.casefile-page .casefile-cover-return {
        top: calc(1rem + 110px);
        font-size:1.4rem;
    }
}