/* ================================
   INSIGHTS POST STYLING — V2
   Replace ALL previous post CSS in:
   Appearance → Customize → Additional CSS
   ================================ */

/* ---- KILL THE GRAY BOX ---- */
.single-post .site-content,
.single-post .ast-container,
.single-post #primary,
.single-post .content-area,
.single-post article,
.single-post .entry-content,
.single-post .ast-article-single {
  background: #f7f6f3 !important;
  box-shadow: none !important;
  border: none !important;
}

/* Remove Astra content box styling */
.single-post .ast-separate-container .ast-article-single,
.single-post .ast-separate-container .ast-article-post {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

.single-post .ast-separate-container {
  background: #f7f6f3 !important;
}

/* ---- PAGE BACKGROUND ---- */
.single-post {
  background: #f7f6f3 !important;
}

/* ---- PUSH TITLE AWAY FROM HEADER ---- */
.single-post .ast-article-single {
  padding-top: 5rem !important;
}

/* ---- CATEGORY / LABEL (shows above title) ---- */
.single-post .entry-header .cat-links,
.single-post .entry-header .ast-terms-link {
  font-family: 'Space Mono', monospace !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #2a5ce0 !important;
  margin-bottom: 1rem !important;
  display: block !important;
}
.single-post .entry-header .cat-links a,
.single-post .entry-header .ast-terms-link a {
  color: #2a5ce0 !important;
  text-decoration: none !important;
}

/* ---- POST TITLE ---- */
.single-post .entry-title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  color: #1a1a1a !important;
  margin-bottom: 2rem !important;
  max-width: 680px !important;
}

/* ---- HIDE AUTHOR/DATE META ---- */
.single-post .entry-meta {
  font-family: 'Space Mono', monospace !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #999 !important;
  margin-bottom: 2.5rem !important;
}
.single-post .entry-meta a {
  color: #999 !important;
  text-decoration: none !important;
}
.single-post .entry-meta a:hover {
  color: #1a1a1a !important;
}
/* ---- POST BODY ---- */
.single-post .entry-content {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 300 !important;
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
  color: #6b6b6b !important;
  max-width: 680px !important;
  padding: 0 !important;
}

/* ---- H2 HEADINGS — monospace accent style ---- */
.single-post .entry-content h2 {
  font-family: 'Space Mono', monospace !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  margin-top: 3rem !important;
  margin-bottom: 1rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid #e0ddd8 !important;
}

/* First h2 — no extra top margin */
.single-post .entry-content h2:first-of-type {
  margin-top: 2rem !important;
}

/* ---- PARAGRAPHS ---- */
.single-post .entry-content p {
  margin-bottom: 1.2rem !important;
}

/* ---- EMPHASIS/ITALIC ---- */
.single-post .entry-content em {
  color: #6b6b6b !important;
}

/* ---- LINKS ---- */
.single-post .entry-content a {
  color: #2a5ce0 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(42, 92, 224, 0.25) !important;
  transition: border-color 0.3s !important;
}
.single-post .entry-content a:hover {
  border-bottom-color: #2a5ce0 !important;
}

/* ---- HORIZONTAL RULES ---- */
.single-post .entry-content hr {
  border: none !important;
  border-top: 1px solid #e0ddd8 !important;
  margin: 2.5rem 0 !important;
}

/* ---- HIDE CLUTTER ---- */
.single-post .post-navigation,
.single-post .sharedaddy,
.single-post .jp-relatedposts,
.single-post .likes-master,
.single-post #jp-post-flair,
.single-post .comments-area,
.jetpack-subscribe-modal,
.jetpack-subscribe-overlay {
  display: none !important;
}

/* ---- CLOSING CTA LINK ---- */
.single-post .entry-content em a {
  color: #1a1a1a !important;
  border-bottom: 1px solid #e0ddd8 !important;
}
.single-post .entry-content em a:hover {
  border-bottom-color: #1a1a1a !important;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
  .single-post .ast-article-single {
    padding-top: 3rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
/* ═══════════════════════════════════════════════
   INSIGHTS CATEGORY ARCHIVE — Kaught Media
   Paste into: Appearance → Customize → Additional CSS
   ═══════════════════════════════════════════════ */

/* Kill the white band / border between header and content */
.category .ast-separate-container .ast-article-post,
.category .ast-separate-container .ast-article-single,
.category .ast-separate-container #primary,
.category .ast-separate-container #content,
.category .ast-separate-container .site-content,
.category .ast-container {
  background: transparent !important;
  box-shadow: none !important;
}

/* Page-level background */
.category .site-content,
.category #content,
body.category {
  background: #f7f6f3 !important;
}

/* Remove Astra's white header band above content */
.category .ast-separate-container .ast-archive-description {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  margin-top: 0 !important;
  padding: 3.5rem 0 1.5rem 0 !important;
  margin-bottom: 0.5rem !important;
  text-align: left !important;
}

/* Kill the white line/separator under the site header */
.category .main-header-bar,
.category .ast-primary-header-bar {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Kill any spacing/gap between header and first content */
.category .site-content > .ast-container {
  padding-top: 0 !important;
}

/* Category page title — "Insights" */
.category .ast-archive-description .page-title,
.category .ast-archive-description .ast-archive-title {
  font-family: 'Space Mono', monospace !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #999 !important;
  font-weight: 400 !important;
}

/* Hide the "Category:" prefix Astra sometimes adds */
.category .ast-archive-description .page-title .ast-taxonomy-title-prefix {
  display: none !important;
}

/* Hide archive description paragraph */
.category .ast-archive-description .taxonomy-description {
  display: none !important;
}

/* Remove white card boxes around posts */
.category .ast-separate-container .ast-article-post {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 0 2.5rem 0 !important;
  margin-bottom: 2.5rem !important;
  border-bottom: 1px solid #e0ddd8 !important;
  border-radius: 0 !important;
}
.category .ast-separate-container .ast-article-post:last-child {
  border-bottom: none !important;
}

/* Post titles */
.category .entry-title,
.category .entry-title a {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 400 !important;
  color: #1a1a1a !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  text-decoration: none !important;
  letter-spacing: normal !important;
}
.category .entry-title a:hover {
  color: #2a5ce0 !important;
}

/* Category label above post title */
.category .cat-links,
.category .cat-links a {
  font-family: 'Space Mono', monospace !important;
  font-size: 0.55rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #2a5ce0 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}

/* Post meta (author, date) */
.category .entry-meta,
.category .entry-meta a,
.category .entry-meta span {
  font-family: 'Space Mono', monospace !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #999 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}

/* Post excerpt */
.category .entry-content p,
.category .entry-summary p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 300 !important;
  color: #6b6b6b !important;
  line-height: 1.7 !important;
}

/* "Read More" link */
.category .read-more a,
.category .ast-read-more-container a,
.category .more-link {
  font-family: 'Space Mono', monospace !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #2a5ce0 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(42, 92, 224, 0.25) !important;
  padding-bottom: 2px !important;
  background: none !important;
  transition: border-color 0.3s !important;
}
.category .read-more a:hover,
.category .ast-read-more-container a:hover,
.category .more-link:hover {
  border-bottom-color: #2a5ce0 !important;
}

/* Featured images on archive cards */
.category .post-thumb-img-content img,
.category .ast-blog-featured-section img {
  border-radius: 2px !important;
  margin-bottom: 1rem !important;
}

/* Content area max width and padding */
.category #primary {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 3rem !important;
}

/* Hide sidebar */
.category #secondary {
  display: none !important;
}

/* Pagination */
.category .ast-pagination,
.category .pagination {
  font-family: 'Space Mono', monospace !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.15em !important;
}
.category .ast-pagination a,
.category .page-numbers {
  color: #999 !important;
  text-decoration: none !important;
}
.category .ast-pagination a:hover,
.category .page-numbers.current {
  color: #2a5ce0 !important;
}

/* Hide Jetpack clutter */
.category .sharedaddy,
.category .jp-relatedposts,
.category .sd-sharing-enabled {
  display: none !important;
}

/* Mobile */
@media (max-width: 768px) {
  .category #primary {
    padding: 0 1.5rem !important;
  }
  .category .entry-title,
  .category .entry-title a {
    font-size: 1.1rem !important;
  }
}
/* ═══════════════════════════════════════════════
   KAUGHT MEDIA — Header + Site-Wide Cohesion
   Paste into: Appearance → Customize → Additional CSS
   ═══════════════════════════════════════════════ */


/* ── UNIFIED SITE BACKGROUND ──
   Kills Astra's white content boxes and mismatched
   backgrounds so the whole site feels like one surface */

body,
.ast-separate-container,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-page,
.ast-separate-container .comments-area,
.ast-separate-container #primary,
.ast-separate-container #secondary,
.ast-separate-container .site-content,
.ast-separate-container .ast-container,
.site-content,
#content,
.content-area {
  background: #f7f6f3 !important;
  box-shadow: none !important;
}

/* Remove padding/margin Astra adds around its content boxes */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-page {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Footer area — match */
.site-footer,
.ast-footer-overlay,
.ast-small-footer {
  background: #f7f6f3 !important;
}


/* ── STICKY HEADER ── */

.main-header-bar,
.ast-primary-header-bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
}

/* When logged in, offset for the WP admin bar */
.admin-bar .main-header-bar,
.admin-bar .ast-primary-header-bar {
  top: 32px !important;
}
@media (max-width: 782px) {
  .admin-bar .main-header-bar,
  .admin-bar .ast-primary-header-bar {
    top: 46px !important;
  }
}


/* ── HEADER STYLING ── */

.main-header-bar,
.ast-primary-header-bar,
.ast-header-break-point .main-header-bar {
  background: #f7f6f3 !important;
  border-bottom: 1px solid #e0ddd8 !important;
  box-shadow: none !important;
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
}

/* Logo — compact */
.ast-site-identity {
  padding: 0 !important;
}
.ast-site-identity img {
  max-height: 36px !important;
  width: auto !important;
}

/* Site title */
.site-title,
.site-title a {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
}

/* Nav links */
.main-header-menu .menu-link,
.main-header-menu a,
.ast-header-break-point .main-header-menu a {
  font-family: 'Space Mono', monospace !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  padding: 0 0 0 2.2rem !important;
  transition: color 0.3s !important;
}
.main-header-menu .menu-link:hover,
.main-header-menu a:hover {
  color: #2a5ce0 !important;
}

/* Active page highlight */
.main-header-menu .current-menu-item > a,
.main-header-menu .current-menu-ancestor > a {
  color: #2a5ce0 !important;
  background: none !important;
}

/* Kill Astra hover backgrounds */
.main-header-menu li:hover > a,
.main-header-menu .menu-item:hover > .menu-link {
  background: transparent !important;
}

/* Remove menu item borders */
.main-header-menu .menu-item,
.main-header-menu .menu-link {
  border: none !important;
}

/* Submenu (for future dropdowns) */
.main-header-menu .sub-menu {
  background: #f7f6f3 !important;
  border: 1px solid #e0ddd8 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
  border-radius: 2px !important;
}
.main-header-menu .sub-menu a {
  font-size: 0.58rem !important;
  padding: 0.6rem 1.2rem !important;
  color: #1a1a1a !important;
}
.main-header-menu .sub-menu a:hover {
  color: #2a5ce0 !important;
  background: transparent !important;
}

/* Mobile menu button */
.ast-mobile-menu-trigger,
.ast-button-wrap .menu-toggle {
  color: #1a1a1a !important;
  border: none !important;
  background: transparent !important;
}

/* Mobile */
@media (max-width: 921px) {
  .main-header-bar,
  .ast-primary-header-bar {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-inner,
  .ast-mobile-header-content {
    background: #f7f6f3 !important;
  }
  .ast-mobile-popup-drawer .menu-link,
  .ast-nav-menu a {
    font-family: 'Space Mono', monospace !important;
    font-size: 0.65rem !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    border-bottom: 1px solid #e0ddd8 !important;
    padding: 1rem 0 !important;
  }
}
/* Push content below sticky header on single posts */
.single-post .site-content {
  padding-top: 80px !important;
}