/* === Nocturnal AI theme CSS === */
/* 1. Tablet: collapse header nav into hamburger at 1024px and below */
@media (max-width: 1024px) {
  .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-open { display: flex; }
  .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container:not(.is-menu-open):not(.has-modal-open) { display: none; }
}
/* 2. Sticky site header */
header.wp-block-template-part { position: sticky; top: 0; z-index: 999; }
/* 3. Contact page: darken light hero cover for cohesive dark theme */
.page-id-7291 .wp-block-cover__background{background-color:#070714!important;opacity:.85!important}/* === Nocturnal AI theme CSS === */
/* 1. Tablet: collapse header nav into hamburger at 1024px and below */
@media (max-width: 1024px) {
  .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-open { display: flex; }
  .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container:not(.is-menu-open):not(.has-modal-open) { display: none; }
}
/* 2. Sticky site header */
header.wp-block-template-part { position: sticky; top: 0; z-index: 999; }
/* 3. Contact page: darken light hero cover for cohesive dark theme */
.page-id-7291 .wp-block-cover__background{background-color:#070714!important;opacity:.85!important}
.page-id-7291 .wp-block-cover .wp-block-post-title{color:#fff!important}
/* 4. Site-wide gradient text utility (matches hero Luna gradient) */
.nl-grad{background:linear-gradient(92deg,#a855f7 0%,#ec4899 50%,#22d3ee 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* 5. Zero black text policy — force theme off-white on any explicitly-black text */
.has-black-color{color:#F5F5F7!important}
/* 6. Blog listing post titles — force white */
.wp-block-post-title,.wp-block-post-title a{color:#F5F5F7!important}

.page-id-7291 .wp-block-cover .wp-block-post-title{color:#fff!important}
/* 4. Site-wide gradient text utility (matches hero Luna gradient) */
.nl-grad{background:linear-gradient(92deg,#a855f7 0%,#ec4899 50%,#22d3ee 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* 5. Zero black text policy — force theme off-white on any explicitly-black text */
.has-black-
/* 9. Premium blog listing cards */
.blog .wp-block-post, .archive .wp-block-post { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border: 1px solid rgba(168,85,247,0.2); border-radius: 16px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; padding: 25px; }
.blog .wp-block-post:hover, .archive .wp-block-post:hover { transform: translateY(-6px); box-shadow: 0 12px 40px rgba(168,85,247,0.25); border-color: rgba(168,85,247,0.5); }
.blog .wp-block-post .wp-block-post-title a, .archive .wp-block-post .wp-block-post-title a { background: linear-gradient(92deg, #a855f7, #ec4899, #22d3ee); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.blog .wp-block-post .wp-block-post-excerpt, .archive .wp-block-post .wp-block-post-excerpt { color: #c0c0c0; }
.blog .wp-block-post .wp-block-post-date, .archive .wp-block-post .wp-block-post-date { color: #888; font-size: 14px; }color{color:#F5F5F7!important}
/* 6. Blog listing post titles — force white */
.wp-block-post-title,.wp-block-post-title a{color:#F5F5F7!important}

/* 7. Zero black text — white/off-white headings site-wide */
h1, h2, h3, h4, h5, h6 { color: #F5F5F7 !important; }
/* 8. Hero-style gradient on H1 major headings (matches .nl-grad) */
h1 { background: linear-gradient(92deg, #a855f7 0%, #ec4899 50%, #22d3ee 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent !important; }
/* 9b. Premium blog cards - corrected descendant selectors */
body.blog .wp-block-post, body.archive .wp-block-post { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border: 1px solid rgba(168,85,247,0.2); border-radius: 16px; padding: 25px; transition: transform 0.3s ease, box-shadow 0.3s ease; }
body.blog .wp-block-post:hover, body.archive .wp-
/* 12. Hide Blog page hero image (owner: remove ugly top pic) */
body.blog>main>img:first-child{display:none!important;}block-post:hover { tr
/* 12b. Hide Blog hero by alt text */
img[alt*="neural"
/* 13. Hide Blog listing hero Cover (scoped to /blog/) */
body.blog .wp-block-cover{display:none!important;}]{display:none!important;}ansform: translateY(-6px); box-shadow: 0 12px 40px rgba(168,85,247,0.25); border-color: rgba(168,85,247,0.5); }
/* 10. Premium post cards site-wide */
.wp-block-post{border-radius:16px;transition:transform .3s ease,box-shadow .3s ease;}
.wp-block-post:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(168,85,247,.25);}
/* 11. Hide Contact page hero cover (owner: remove, not darken) */
.page-id-7291 .wp-block-cover{display:none!important;}
/* 11b. Hide Contact hero (no-space selector) */
.wpcom-ai-new-hero-cover{display:none!important;}
/* 14. Single posts: keep the "Book a Free Demo" banner text readable — floating notification icons drift over it */
.single-post .site-banner { position: relative; z-index: 3; }
.single-post .site-banner .wp-block-group { background-image: none !important; }
.single-post .site-banner .wp-block-group > :not(p),
.single-post .site-banner > :not(.wp-block-group) { display: none !important; }
.single-post .site-banner p { position: relative; z-index: 3; background-color: #000; }