/* Digest pages now use has-transparent-nav class for consistent navigation */
/* All navigation styling is handled by header.css for both home and digest pages */

/* Fix for black bar issue - ensure navigation is transparent */
.digest-template #gh-head {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Override any default Ghost styles that might add dark backgrounds */
.digest-template.has-cover #gh-head,
.digest-template .gh-head {
    background-color: transparent !important;
    background: transparent !important;
}

/* Ensure no background on inner elements */
.digest-template #gh-head .gh-head-inner {
    background: transparent !important;
}

/* Remove any potential borders or lines */
.digest-template #gh-head::before,
.digest-template #gh-head::after,
.digest-template .gh-head::before,
.digest-template .gh-head::after {
    display: none !important;
}

/* Mobile specific - ensure menu is hidden by default */
@media (max-width: 767px) {
    .digest-template:not(.gh-head-open) .gh-head-menu {
        display: none !important;
    }
}

/* Ensure no gap at top of viewport */
.digest-template {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.digest-template .viewport {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Ensure the main content starts at the top */
.digest-template .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.digest-template .zine-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Remove any potential black bars from body */
body.digest-template {
    background: transparent !important;
}

/* Ensure hero image starts from very top */
.digest-template .zine-hero-feature {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative;
    top: 0 !important;
}

/* Footer color fixes for digest pages */
.digest-template .site-footer,
.digest-template footer.site-footer {
    background: #0a0a09 !important;
    background-color: #0a0a09 !important;
    color: #e8dccf !important;
}

.digest-template .site-footer *,
.digest-template .site-footer .inner *,
.digest-template .site-footer .copyright,
.digest-template .site-footer-nav {
    background: transparent !important;
    background-color: transparent !important;
    color: #d1bba6 !important;
}

.digest-template .site-footer .copyright a {
    color: #e8dccf !important;
}

.digest-template .site-footer a {
    color: #d1bba6 !important;
}

.digest-template .site-footer a:hover {
    color: #e8dccf !important;
}

/* Ultra-specific footer overrides */
body.digest-template .site-footer,
body.digest-template footer,
body.digest-template .outer.site-footer,
body.digest-template .viewport .site-footer {
    background: #0a0a09 !important;
    background-color: #0a0a09 !important;
    color: #e8dccf !important;
}

body.digest-template .site-footer .inner,
body.digest-template .site-footer .inner .copyright,
body.digest-template .site-footer .inner .site-footer-nav,
body.digest-template .site-footer .inner .gh-powered-by {
    background: transparent !important;
    background-color: transparent !important;
    color: #d1bba6 !important;
}

body.digest-template .site-footer .copyright a,
body.digest-template .site-footer .site-footer-nav a,
body.digest-template .site-footer .gh-powered-by a {
    color: #d1bba6 !important;
    background: transparent !important;
}

body.digest-template .site-footer .copyright a:hover,
body.digest-template .site-footer .site-footer-nav a:hover,
body.digest-template .site-footer .gh-powered-by a:hover {
    color: #e8dccf !important;
}

/* Post template footer fixes (individual post pages) */
body.post-template .site-footer,
body.post-template footer,
body.post-template .outer.site-footer,
body.post-template .viewport .site-footer {
    background: #0a0a09 !important;
    background-color: #0a0a09 !important;
    color: #e8dccf !important;
}

body.post-template .site-footer .inner,
body.post-template .site-footer .inner .copyright,
body.post-template .site-footer .inner .site-footer-nav,
body.post-template .site-footer .inner .gh-powered-by {
    background: transparent !important;
    background-color: transparent !important;
    color: #d1bba6 !important;
}

body.post-template .site-footer .copyright a,
body.post-template .site-footer .site-footer-nav a,
body.post-template .site-footer .gh-powered-by a {
    color: #d1bba6 !important;
    background: transparent !important;
}

body.post-template .site-footer .copyright a:hover,
body.post-template .site-footer .site-footer-nav a:hover,
body.post-template .site-footer .gh-powered-by a:hover {
    color: #e8dccf !important;
}