/* Separate masthead artwork: complete image on all screens, no cropping. */
body.sg-paranormal .sg-brand-banner {background:#050b08;border-bottom:1px solid #273d30;}
body.sg-paranormal .sg-brand-banner a {display:block;width:100%;max-width:none;margin:auto;}
body.sg-paranormal .sg-brand-banner img {display:block;width:100%;height:auto;object-fit:contain;margin:0 auto;}
/* Keep only the navigation sticky; banner scrolls normally with the page. */
body.sg-paranormal #masthead {position:sticky!important;top:0!important;z-index:1000;transform:none!important;}
body.sg-paranormal #masthead .navbar {position:relative!important;}
body.sg-paranormal.admin-bar #masthead {top:32px!important;}
@media(max-width:782px){body.sg-paranormal.admin-bar #masthead{top:46px!important;}}
@media(max-width:600px){body.sg-paranormal.admin-bar #masthead{top:0!important;}}

/* Align navigation to the left; the brand artwork already sits above it. */
body.sg-paranormal #site-navigation .header-inner {
    justify-content: flex-start !important;
    gap: 16px;
    min-height: 0 !important;
}
body.sg-paranormal #site-navigation .header-logo-wrapper {display:none;}
body.sg-paranormal #site-navigation .header-navigation-wrapper {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    flex: 1 1 auto;
}
body.sg-paranormal #site-navigation .navbar-nav {justify-content:flex-start !important;}
body.sg-paranormal #site-navigation .header-widgets-wrapper {margin-left:auto;flex:0 0 auto;}
/* Keep Inspiro's existing accessible menu button and sidebar behaviour. */
body.sg-paranormal #site-navigation .navbar-toggle {
    width: auto !important;
    min-width: 92px;
    height: 44px !important;
    padding: 0 13px !important;
    margin: 0 !important;
    border: 1px solid #4eae78 !important;
    border-radius: 7px;
    background: #143c2a !important;
    color: #e7fff0 !important;
    line-height: 42px;
    white-space: nowrap;
}
body.sg-paranormal #site-navigation .navbar-toggle .icon-bar {display:none !important;}
body.sg-paranormal #site-navigation .navbar-toggle::before {content:"☰";font-size:20px;vertical-align:middle;margin-right:8px;}
body.sg-paranormal #site-navigation .navbar-toggle::after {content:"Menu";font:600 15px/1.2 Arial,sans-serif;vertical-align:middle;}
body.sg-paranormal.side-nav-open #site-navigation .navbar-toggle::before {content:"×";}
body.sg-paranormal.side-nav-open #site-navigation .navbar-toggle::after {content:"Close";}
body.sg-paranormal #site-navigation .navbar-toggle:focus-visible {outline:3px solid #70e6a0;outline-offset:3px;}
@media(max-width:1024px) {
    body.sg-paranormal #site-navigation.navbar {padding:8px 0 !important;min-height:0 !important;}
    body.sg-paranormal #site-navigation .header-inner {padding:0 16px !important;min-height:44px !important;}
    body.sg-paranormal #site-navigation .header-navigation-wrapper {display:none !important;}
    body.sg-paranormal #site-navigation .header-widgets-wrapper {width:100%;margin:0;justify-content:flex-end;gap:14px;min-height:44px;}
    body.sg-paranormal #site-navigation .header-widgets-wrapper .navbar-toggle {display:block !important;order:-1;margin-right:auto !important;}
    body.sg-paranormal #site-navigation .header_social {display:none;}
    body.sg-paranormal .side-nav .navbar-nav {display:block !important;}
}

/* Desktop uses the full navigation instead of the sidebar toggle. */
@media(min-width:1025px) {
    body.sg-paranormal #site-navigation .navbar-toggle {display:none !important;}
}

/* Centre the full desktop menu; retain compact mobile/tablet navigation. */
@media(min-width:1025px) {
    body.sg-paranormal #site-navigation .header-inner {
        display:flex;
        justify-content:center!important;
        flex-wrap:wrap;
    }
    body.sg-paranormal #site-navigation .header-navigation-wrapper {
        flex:0 1 auto!important;
        justify-content:center!important;
    }
    body.sg-paranormal #site-navigation .navbar-nav {
        justify-content:center!important;
    }
    body.sg-paranormal #site-navigation .header-widgets-wrapper {
        margin-left:0!important;
    }
}

/* Fixed mode avoids ancestor overflow preventing CSS sticky positioning. */
body.sg-paranormal .sg-navigation-anchor {position:relative;width:100%;}
body.sg-paranormal .sg-navigation-anchor #masthead {
    position:relative!important;
    top:auto!important;
    left:auto;
    width:100%;
    transform:none!important;
    transition:none!important;
}
body.sg-paranormal .sg-navigation-anchor #masthead.sg-nav-fixed {
    position:fixed!important;
    top:var(--sg-nav-top,0px)!important;
    left:0;
    right:0;
    width:100%;
    z-index:1000;
    box-shadow:0 6px 20px #0005;
}
@media(min-width:1025px){
    body.sg-paranormal #masthead #site-navigation.navbar {padding:12px 0!important;}
}

/* Place the mobile/tablet menu toggle at the far right. */
@media(max-width:1024px) {
    body.sg-paranormal #site-navigation .header-widgets-wrapper .navbar-toggle {
        order:10;
        margin-left:auto!important;
        margin-right:0!important;
    }
}

body.sg-paranormal .sg-brand-banner picture{display:block;width:100%;}
@media(max-width:1024px){
    body.sg-paranormal .sg-brand-banner img{width:100%;height:auto;aspect-ratio:2000 / 516;object-fit:cover;object-position:center;}
}
