/*
Theme Name: Astra LeadFlux
Template: astra
Version: 1.0
Description: LeadFlux AI dark theme child theme
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Syne:wght@700;800&display=swap');

:root {
  --lf-bg: #060C17;
  --lf-bg2: #0D1520;
  --lf-surface: #121C2E;
  --lf-blue: #1A4FA0;
  --lf-blue-light: #3B7DD8;
  --lf-text: #E6EDF3;
  --lf-text2: #8B949E;
  --lf-border: rgba(255,255,255,0.07);
  --lf-green: #16a34a;
}

body {
  background-color: var(--lf-bg) !important;
  color: var(--lf-text) !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.site-header, .ast-primary-header-bar {
  background-color: rgba(6,12,23,0.97) !important;
  border-bottom: 1px solid var(--lf-border) !important;
  backdrop-filter: blur(12px) !important;
}

.site-title a, .ast-site-name-text {
  color: var(--lf-text) !important;
  font-weight: 800 !important;
  font-size: 20px !important;
}

.main-navigation a, .ast-main-navigation a {
  color: var(--lf-text2) !important;
  transition: color 0.2s !important;
}
.main-navigation a:hover, .ast-main-navigation a:hover {
  color: var(--lf-blue-light) !important;
}

.site-content, #content, .ast-container {
  background-color: var(--lf-bg) !important;
}

.post, article, .entry, .ast-article-post {
  background-color: var(--lf-surface) !important;
  border: 1px solid var(--lf-border) !important;
  border-radius: 12px !important;
  padding: 28px !important;
  margin-bottom: 24px !important;
}

.entry-title a, h1, h2, h3, h4, h5, h6 {
  color: var(--lf-text) !important;
  font-weight: 700 !important;
}

.entry-title a:hover {
  color: var(--lf-blue-light) !important;
  text-decoration: none !important;
}

p, .entry-content, .entry-summary {
  color: #E6EDF3 !important;
  line-height: 1.8 !important;
}
.entry-summary p, .entry-summary, .ast-excerpt { color: #E6EDF3 !important; }

.entry-meta, .posted-on, .byline, .cat-links {
  color: var(--lf-text2) !important;
  font-size: 13px !important;
}

.entry-meta a { color: var(--lf-blue-light) !important; }

.widget-area, #secondary { background-color: transparent !important; }

.widget {
  background-color: var(--lf-surface) !important;
  border: 1px solid var(--lf-border) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
}

.widget-title, .widgettitle {
  color: var(--lf-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  border-bottom: 1px solid var(--lf-border) !important;
  padding-bottom: 12px !important;
  margin-bottom: 16px !important;
}

.site-footer, #colophon {
  background-color: var(--lf-bg2) !important;
  border-top: 1px solid var(--lf-border) !important;
  color: var(--lf-text2) !important;
}

.site-footer a { color: var(--lf-blue-light) !important; }

a { color: var(--lf-blue-light) !important; }
a:hover { color: var(--lf-text) !important; }

.ast-button, .button, input[type="submit"], .wp-block-button__link {
  background-color: var(--lf-blue) !important;
  color: #fff !important;
  border-radius: 8px !important;
  border: none !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  transition: background 0.2s !important;
}
.ast-button:hover, .button:hover, input[type="submit"]:hover {
  background-color: var(--lf-blue-light) !important;
}

.search-form input, .ast-search-bar input {
  background-color: var(--lf-surface) !important;
  border: 1px solid var(--lf-border) !important;
  color: var(--lf-text) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
}

.page-numbers {
  background-color: var(--lf-surface) !important;
  color: var(--lf-text) !important;
  border: 1px solid var(--lf-border) !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
}
.page-numbers.current {
  background-color: var(--lf-blue) !important;
  color: #fff !important;
}

.cat-links a {
  background-color: rgba(26,79,160,0.2) !important;
  border: 1px solid rgba(26,79,160,0.4) !important;
  color: var(--lf-blue-light) !important;
  border-radius: 20px !important;
  padding: 2px 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.more-link {
  color: var(--lf-blue-light) !important;
  font-weight: 600 !important;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--lf-bg); }
::-webkit-scrollbar-thumb { background: var(--lf-blue); border-radius: 3px; }

/* LeadFlux CTA Banner */
.lf-cta-banner {
  background: linear-gradient(135deg, #0D1520 0%, #121C2E 100%);
  border: 1px solid rgba(26,79,160,0.4);
  border-radius: 12px;
  padding: 24px;
  text-align: center;
}
.lf-cta-banner .lf-cta-icon { font-size: 36px; margin-bottom: 12px; }
.lf-cta-banner .lf-cta-title {
  font-family: 'Syne', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #E6EDF3;
  margin: 0 0 8px;
  line-height: 1.3;
}
.lf-cta-banner .lf-cta-sub {
  font-size: 13px;
  color: #8B949E;
  margin: 0 0 16px;
  line-height: 1.6;
}
.lf-cta-banner .lf-cta-btn {
  display: block;
  background: #1A4FA0;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  transition: background 0.2s;
}
.lf-cta-banner .lf-cta-btn:hover {
  background: #3B7DD8 !important;
  color: #fff !important;
}
.lf-cta-banner .lf-cta-price {
  font-size: 11px;
  color: #6E7681;
  margin-top: 8px;
}

.lf-logo-text { font-family: "Syne", sans-serif; font-size: 22px; font-weight: 800; color: #E6EDF3; letter-spacing: -0.5px; }
.lf-logo-ai { color: #3B7DD8; }

/* Logo Fix */
.site-title, .site-title a, .ast-site-name-text, .ast-site-name-text a,
header .site-title a, .main-header-bar .site-title a {
  color: #E6EDF3 !important;
}
.site-title a::after {
  content: " AI";
  color: #3B7DD8;
  font-family: "Syne", sans-serif;
  font-weight: 800;
}

/* ── CARD BACKGROUND FIX ─────────────────────────────── */
.ast-article-post,
.ast-article-post .ast-blog-featured-section,
.ast-blog-post-element,
article.post,
article.type-post,
.post-outer-wrapper,
.ast-blog-post-outer-wrapper,
.blog article,
.blog .hentry,
.blog .post,
.blog .type-post {
  background-color: #121C2E !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 12px !important;
}

/* Post title color fix */
.entry-title, .entry-title a,
.ast-blog-featured-section .entry-title a {
  color: #E6EDF3 !important;
}

/* Meta info fix */
.entry-meta, .entry-meta a, .entry-meta span,
.posted-on, .posted-on a, .byline, .byline a {
  color: #8B949E !important;
}

/* Preview text fix */
.entry-content p, .entry-summary p,
.ast-excerpt, .entry-excerpt,
article p {
  color: #D0D8E4 !important;
}

/* Read more link */
.read-more-container a, .more-link, a.more-link {
  color: #3B7DD8 !important;
  font-weight: 600 !important;
}

/* ── LOGO FLASH FIX ──────────────────────────────────── */
/* Use system font fallback to prevent flash */
.site-title a, .ast-site-name-text {
  font-family: "Syne", "Arial Black", sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #E6EDF3 !important;
  text-decoration: none !important;
  letter-spacing: -0.5px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Prevent Astra from hiding the title */
.ast-site-name-text,
.site-title,
header .site-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* AI blue suffix */
.site-title a::after {
  content: " AI";
  color: #3B7DD8 !important;
  font-family: "Syne", "Arial Black", sans-serif !important;
  font-weight: 800 !important;
}

/* ── SEARCH BOX FIX ──────────────────────────────────── */
.widget .search-form input[type="search"] {
  background-color: #0D1520 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #E6EDF3 !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  width: 100% !important;
}
.widget .search-form input[type="submit"],
.widget .search-form button {
  background-color: #1A4FA0 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  margin-top: 8px !important;
  width: 100% !important;
  cursor: pointer !important;
}

/* ── SIDEBAR RECENT POSTS FIX ────────────────────────── */
.widget_recent_entries ul li a {
  color: #3B7DD8 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.widget_recent_entries ul li {
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  padding: 8px 0 !important;
}

/* ── CATEGORY WIDGET FIX ─────────────────────────────── */
.widget_categories ul li a {
  color: #3B7DD8 !important;
  font-size: 14px !important;
}
.widget_categories ul li {
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  padding: 6px 0 !important;
  color: #8B949E !important;
}

/* DARK TEXT ON POST CARDS */
article.post p, article.type-post p,
.ast-article-post p, .entry-summary p,
.entry-content p, .ast-excerpt {
  color: #1a1a2e !important;
}
article.post .entry-title a,
article.type-post .entry-title a,
.ast-article-post .entry-title a {
  color: #0f1729 !important;
}
article.post .entry-meta,
article.type-post .entry-meta {
  color: #444 !important;
}

/* TARGET EXACT ASTRA CARD CLASS */
.ast-article-inner {
  background-color: #121C2E !important;
}
.ast-article-inner p,
.ast-article-inner .entry-summary,
.ast-article-inner .ast-excerpt {
  color: #C0C8D4 !important;
}
.ast-article-inner .entry-title a {
  color: #E6EDF3 !important;
}
.ast-article-inner .entry-meta,
.ast-article-inner .entry-meta a,
.ast-article-inner .posted-on,
.ast-article-inner .byline {
  color: #8B949E !important;
}

/* ── ASTRA CARD DARK FIX ─────────────────────────────── */
.ast-article-inner {
  background-color: #121C2E !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 12px !important;
  padding: 20px !important;
}
.ast-article-inner p,
.ast-article-inner .entry-summary,
.ast-article-inner .ast-excerpt {
  color: #BFC8D4 !important;
}
.ast-article-inner .entry-title a {
  color: #E6EDF3 !important;
}
.ast-article-inner .entry-meta,
.ast-article-inner .entry-meta a,
.ast-article-inner .posted-on,
.ast-article-inner .byline {
  color: #8B949E !important;
}

/* ── MAXIMUM SPECIFICITY TEXT FIX ───────────────────── */
body .ast-article-inner .entry-title,
body .ast-article-inner .entry-title a,
body .ast-article-inner h1,
body .ast-article-inner h2,
body .ast-article-inner h2 a,
body .ast-article-inner h3,
body .ast-article-inner h3 a {
  color: #E6EDF3 !important;
  text-shadow: none !important;
}

body .ast-article-inner p,
body .ast-article-inner .entry-summary,
body .ast-article-inner .entry-summary p,
body .ast-article-inner .ast-excerpt,
body .ast-article-inner .post-content p {
  color: #C8D1DC !important;
  text-shadow: none !important;
}

body .ast-article-inner .entry-meta,
body .ast-article-inner .entry-meta span,
body .ast-article-inner .entry-meta a,
body .ast-article-inner .posted-on,
body .ast-article-inner .posted-on a,
body .ast-article-inner .byline,
body .ast-article-inner .byline a {
  color: #8B949E !important;
}

/* ── REMOVE LINE ABOVE CATEGORY BADGE ───────────────── */
body .ast-article-inner .ast-blog-featured-section,
body .ast-blog-featured-section {
  border: none !important;
  border-top: none !important;
  padding-top: 12px !important;
}

body .ast-article-inner::before,
body .ast-article-inner::after,
body .ast-article-post::before {
  display: none !important;
  border: none !important;
}

/* Remove Astra's card top border line */
.ast-article-post .ast-article-inner {
  border-top: none !important;
}

.ast-blog-featured-section::before,
.ast-blog-featured-section::after {
  content: none !important;
  display: none !important;
}

/* ── SINGLE POST PAGE TEXT FIX ──────────────────────── */
body.single .entry-content,
body.single .entry-content p,
body.single .entry-content li,
body.single .entry-content ul,
body.single .entry-content ol,
body.single article p,
body.single article li,
.single-post .entry-content p,
.single-post article p,
.ast-article-single .entry-content p {
  color: #C8D1DC !important;
  font-size: 17px !important;
  line-height: 1.85 !important;
}

body.single .entry-content h2,
body.single .entry-content h3,
body.single .entry-content h4,
body.single article h2,
body.single article h3 {
  color: #E6EDF3 !important;
  margin-top: 32px !important;
  margin-bottom: 16px !important;
}

body.single .entry-content strong,
body.single .entry-content b {
  color: #E6EDF3 !important;
  font-weight: 700 !important;
}

body.single .entry-content a {
  color: #3B7DD8 !important;
}

/* Post title on single page */
body.single .entry-title,
body.single h1.entry-title {
  color: #E6EDF3 !important;
  font-size: 32px !important;
  line-height: 1.3 !important;
  margin-bottom: 16px !important;
}

/* Single post meta */
body.single .entry-meta,
body.single .entry-meta span,
body.single .entry-meta a {
  color: #8B949E !important;
}

/* Single post container background */
body.single .site-content,
body.single #content,
body.single .ast-container,
body.single article.post {
  background-color: var(--lf-bg) !important;
}

/* Post content area */
body.single .ast-article-single {
  background-color: #0D1520 !important;
  padding: 40px !important;
  border-radius: 12px !important;
  max-width: 860px !important;
  margin: 0 auto !important;
}

/* ── OVERRIDE ASTRA CSS VARIABLES ───────────────────── */
:root {
  --ast-global-color-4: #121C2E !important;
  --ast-global-color-5: #0D1520 !important;
  --ast-bg-style-guide: #0D1520 !important;
  --ast-widget-bg-color: #121C2E !important;
}

/* Force dark on all Astra containers */
.ast-separate-container .ast-article-inner,
.ast-separate-container .ast-article-inner:hover {
  background-color: #121C2E !important;
}

.ast-plain-container,
.ast-page-builder-template {
  background-color: #060C17 !important;
}

/* ── LOGO VISIBILITY FIX ─────────────────────────────── */
/* Override Astra's JS-based hiding */
.ast-site-identity .site-title,
.ast-site-identity .site-title a,
.site-branding .site-title,
.site-branding .site-title a {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #E6EDF3 !important;
  font-family: "Syne", "Arial Black", Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.ast-site-identity .site-title a::after,
.site-branding .site-title a::after {
  content: " AI" !important;
  color: #3B7DD8 !important;
}

/* Prevent Astra from hiding with display:none */
.ast-site-title-wrap,
.ast-site-identity {
  display: block !important;
  visibility: visible !important;
}

/* Logo AI suffix */
.site-title a::after,
.ast-site-identity .site-title a::after {
  content: " AI";
  color: #3B7DD8;
  font-family: "Syne", Arial, sans-serif;
  font-weight: 800;
}

/* ── SEARCH WIDGET COMPLETE FIX ─────────────────────── */
.widget_search form,
.widget_search .search-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
}

.widget_search .search-field,
.widget_search input[type="search"] {
  width: 100% !important;
  box-sizing: border-box !important;
  background: rgba(13,21,32,0.8) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  color: #E6EDF3 !important;
  font-size: 14px !important;
  height: auto !important;
  float: none !important;
  position: static !important;
}

.widget_search .search-submit,
.widget_search input[type="submit"],
.widget_search button[type="submit"],
.widget_search button.search-submit {
  width: 100% !important;
  box-sizing: border-box !important;
  background: #1A4FA0 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  float: none !important;
  position: static !important;
  display: block !important;
  margin-top: 0 !important;
  height: auto !important;
  line-height: 1.5 !important;
}

.widget_search .search-submit:hover {
  background: #3B7DD8 !important;
}

/* Remove any Astra search icon positioning issues */
.widget_search .search-form .ast-search-icon,
.widget_search .search-form svg {
  display: none !important;
}

/* BLOCK SEARCH WIDGET FIX */
.wp-block-search__inside-wrapper {
}
.wp-block-search__input {
  color: #E6EDF3 !important;
}
.wp-block-search__button {
  background: #1A4FA0 !important;
  color: #fff !important;
}
.wp-block-search__button:hover { background: #3B7DD8 !important; }

/* ── BLOCK SEARCH WIDGET COMPLETE FIX ───────────────── */
.wp-block-search__inside-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  border: none !important;
  padding: 0 !important;
}

.wp-block-search__input {
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  background: rgba(13,21,32,0.8) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #E6EDF3 !important;
  position: static !important;
  float: none !important;
  font-size: 14px !important;
  height: auto !important;
  min-height: 0 !important;
}

.wp-block-search__button {
  width: 100% !important;
  box-sizing: border-box !important;
  background: #1A4FA0 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
  display: block !important;
  height: auto !important;
  line-height: 1.5 !important;
}

.wp-block-search__button:hover {
  background: #3B7DD8 !important;
}

.wp-block-search__button.has-icon {
  padding: 10px !important;
}

.wp-block-search__button svg {
  fill: #fff !important;
  width: 20px !important;
  height: 20px !important;
}

/* ── SEARCH BUTTON FINAL FIX ─────────────────────────── */
.widget .wp-block-search,
.widget .wp-block-search__inside-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  border: none !important;
  padding: 0 !important;
}

.widget .wp-block-search__input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: rgba(13,21,32,0.8) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
  color: #E6EDF3 !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  position: static !important;
  float: none !important;
  display: block !important;
}

.widget .wp-block-search__button,
.widget .wp-block-search__button.wp-element-button {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: #1A4FA0 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
  cursor: pointer !important;
  position: static !important;
  float: none !important;
  display: block !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.widget .wp-block-search__button:hover {
  background: #3B7DD8 !important;
}

/* Hide any icon-only button and show text */
.widget .wp-block-search__button svg {
  display: none !important;
}