/*
Theme Name:   Ghost Authors UK Blog
Theme URI:    https://ghostauthors.co.uk/blog
Description:  Kadence child theme - identical navbar and footer to the main site.
Author:       Ghost Authors UK
Template:     kadence
Version:      4.0.0
Text Domain:  ghostauthors-blog-child
*/

/* ── Navbar: make it always dark and visible ─────────────────────────────────
   The main site navbar is position:absolute + transparent, floating over a
   dark hero image. On the blog (white background) that renders invisible.
   Make it sticky with the scroll-fix dark colour always applied.             */
#ga-nav {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #252627;
}
#ga-nav .navbar,
#ga-nav .navbar.scroll-fix {
    position: static !important;
    background: #252627 !important;
}
#ga-nav .navbar-collapse {
    background: #252627;
}
/* Nav links stay white on the dark bar */
#ga-nav .navbar ul li a,
#ga-nav .navbar ul li span {
    color: #fff !important;
}

/* ── Footer ──────────────────────────────────────────────────────────────────*/
#ga-foot { margin-top: 48px; }

/* ── Hero banner (blog index / archives / search) ────────────────────────── */
#ga-hero .service-bg { padding-top: 6%; padding-bottom: 6%; }

/* ── Hide Kadence's own chrome ───────────────────────────────────────────── */
#masthead, .site-header,
.site-top-header-wrap, .site-main-header-wrap, .site-bottom-header-wrap,
#colophon, .site-footer { display: none !important; }

/* ── Hide Kadence's duplicate archive title ──────────────────────────────── */
body.blog .entry-hero, body.blog .entry-hero-container, body.blog .page-hero-section,
body.archive .entry-hero, body.archive .entry-hero-container, body.archive .page-hero-section,
body.search .entry-hero, body.search .entry-hero-container, body.search .page-hero-section {
    display: none !important;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    #ga-hero .service-bg     { padding-top: 14%; padding-bottom: 14%; }
    #ga-hero .service-bg .h1 { font-size: 24px; }
    #ga-foot                 { margin-top: 28px; }
}