/* ============================================================
   THE TRANSFORMATION PATH — ELEMENTOR CSS
Paste this entire block into:
   WordPress Dashboard → Appearance → Customize → Additional CSS
   ============================================================ */

:root {
  --ink:      #0f1a24;
  --deep:     #152030;
  --navy:     #1e2f42;
  --slate:    #2e4057;
  --gold:     #c4984a;
  --gold-lt:  #d4ab68;
  --gold-dim: #8a6930;
  --cream:    #f5efe4;
  --warm:     #ede4d4;
  --mist:     #c8bfb0;
  --dim:      #7a7060;
  --white:    #faf7f2;
  --ff-head:  'Playfair Display', Georgia, serif;
  --ff-body:  'Crimson Pro', Georgia, serif;
  --ff-sub:   'Cormorant Garamond', Georgia, serif;
}

/* Reset & base */
.elementor-canvas body,
.tp-page { font-family: var(--ff-body); background: var(--ink); color: var(--cream); -webkit-font-smoothing: antialiased; }
.elementor-canvas .elementor-section { margin: 0 !important; padding: 0 !important; }
.elementor-canvas .elementor-column-wrap { padding: 0 !important; }
.elementor-canvas .elementor-widget-wrap { padding: 0 !important; }
.elementor-canvas .elementor-widget-html { width: 100%; }

/* Noise overlay */
.elementor-canvas body::before {
  content: '';
	/* 
 /* ============================================================
   SMITHFORCHRIST — POST THEME v3 (Astra-specific full coverage)
   Appearance → Customize → Additional CSS → replace previous version
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Lato:wght@300;400;700&display=swap');

/* ── NUCLEAR BACKGROUND RESET — hits every Astra wrapper ── */
html body.single-post,
html body.single-post #page,
html body.single-post #content,
html body.single-post #primary,
html body.single-post main#main,
html body.single-post .ast-container,
html body.single-post .ast-row,
html body.single-post .site-content,
html body.single-post .content-area,
html body.single-post .ast-separate-container,
html body.single-post .ast-separate-container #primary,
html body.single-post .ast-separate-container .site-content,
html body.single-post .ast-narrow-container,
html body.single-post .ast-page-builder-template,
html body.single-post .ast-full-width-layout,
html body.single-post #ast-main-content {
  background-color: #0d1b2a !important;
  color: rgba(255,255,255,0.85) !important;
}

/* ── BODY BASE ── */
html body.single-post {
  font-family: 'Lato', sans-serif !important;
  background-color: #0d1b2a !important;
}

/* ── HEADER ── */
html body.single-post #masthead,
html body.single-post .site-header,
html body.single-post .main-header-bar,
html body.single-post .ast-desktop-header,
html body.single-post .ast-primary-header-bar {
  background-color: #091420 !important;
  border-bottom: 1px solid rgba(200,151,58,0.3) !important;
}

html body.single-post .site-title a,
html body.single-post .ast-site-name-link {
  color: #e0b060 !important;
}

html body.single-post .main-header-menu .menu-item a,
html body.single-post .main-navigation .menu-item a {
  color: rgba(255,255,255,0.65) !important;
}

/* ── ARTICLE CARD ── */
html body.single-post .ast-separate-container .ast-article-post,
html body.single-post article.post,
html body.single-post .hentry,
html body.single-post .type-post {
  background-color: #132333 !important;
  border: 1px solid rgba(200,151,58,0.2) !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.4) !important;
  padding: 2.5rem !important;
}

/* ── POST TITLE ── */
html body.single-post h1.entry-title,
html body.single-post .entry-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(1.9rem, 4vw, 2.9rem) !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  border-bottom: 2px solid rgba(200,151,58,0.5) !important;
  padding-bottom: 1rem !important;
  margin-bottom: 0.75rem !important;
}

/* ── META ── */
html body.single-post .entry-meta,
html body.single-post .entry-meta *,
html body.single-post .ast-post-format-content,
html body.single-post .post-meta,
html body.single-post span.posted-on,
html body.single-post span.byline,
html body.single-post span.cat-links {
  color: rgba(200,151,58,0.8) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* ── BODY TEXT ── */
html body.single-post .entry-content,
html body.single-post .entry-content p {
  color: rgba(255,255,255,0.85) !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.9 !important;
}

/* ── HEADINGS IN CONTENT ── */
html body.single-post .entry-content h1,
html body.single-post .entry-content h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(1.4rem, 3vw, 2rem) !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  border-left: 3px solid #c8973a !important;
  padding-left: 1rem !important;
  margin-top: 2.5rem !important;
  margin-bottom: 0.75rem !important;
}

html body.single-post .entry-content h3,
html body.single-post .entry-content h4,
html body.single-post .entry-content h5,
html body.single-post .entry-content h6 {
  font-family: 'Cormorant Garamond', serif !important;
  color: #e0b060 !important;
  font-weight: 500 !important;
  margin-top: 1.75rem !important;
}

/* ── BLOCKQUOTES ── */
html body.single-post .entry-content blockquote {
  border-left: 3px solid #c8973a !important;
  background: rgba(200,151,58,0.07) !important;
  padding: 1.1rem 1.5rem !important;
  margin: 1.75rem 0 !important;
  border-radius: 0 3px 3px 0 !important;
}

html body.single-post .entry-content blockquote,
html body.single-post .entry-content blockquote p {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 1.2rem !important;
  color: #e0b060 !important;
}

/* ── BOLD / ITALIC / LINKS ── */
html body.single-post .entry-content strong { color: #ffffff !important; }
html body.single-post .entry-content em { color: #e0b060 !important; }

html body.single-post .entry-content a {
  color: #c8973a !important;
  text-decoration-color: rgba(200,151,58,0.4) !important;
}
html body.single-post .entry-content a:hover { color: #e0b060 !important; }

/* ── LISTS ── */
html body.single-post .entry-content ul li,
html body.single-post .entry-content ol li {
  color: rgba(255,255,255,0.85) !important;
  line-height: 1.8 !important;
}

/* ── HR ── */
html body.single-post .entry-content hr {
  border-color: rgba(200,151,58,0.25) !important;
}

/* ── ENTRY FOOTER ── */
html body.single-post .entry-footer,
html body.single-post .entry-footer a,
html body.single-post .ast-article-post .entry-footer {
  color: rgba(200,151,58,0.65) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-top: 1px solid rgba(200,151,58,0.2) !important;
  padding-top: 1.25rem !important;
  margin-top: 2rem !important;
}

/* ── POST NAVIGATION ── */
html body.single-post .post-navigation,
html body.single-post .ast-separate-container .post-navigation {
  background: rgba(9,20,32,0.6) !important;
  border: 1px solid rgba(200,151,58,0.18) !important;
  border-radius: 3px !important;
  padding: 1.25rem !important;
}

html body.single-post .post-navigation a,
html body.single-post .nav-links a {
  color: #c8973a !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* ── SIDEBAR ── */
html body.single-post #secondary,
html body.single-post .widget-area {
  background: #132333 !important;
  padding: 1.5rem !important;
  border-radius: 3px !important;
  border: 1px solid rgba(200,151,58,0.15) !important;
}

html body.single-post .widget-title {
  font-family: 'Cormorant Garamond', serif !important;
  color: #c8973a !important;
  border-bottom: 1px solid rgba(200,151,58,0.25) !important;
  padding-bottom: 0.5rem !important;
}

html body.single-post .widget a { color: rgba(255,255,255,0.7) !important; }
html body.single-post .widget a:hover { color: #e0b060 !important; }

/* ── COMMENTS ── */
html body.single-post #comments {
  background: #132333 !important;
  border: 1px solid rgba(200,151,58,0.18) !important;
  border-radius: 4px !important;
  padding: 2rem !important;
  margin-top: 2rem !important;
}

html body.single-post .comments-title,
html body.single-post .comment-reply-title {
  font-family: 'Cormorant Garamond', serif !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  border-bottom: 1px solid rgba(200,151,58,0.2) !important;
  padding-bottom: 0.75rem !important;
}

html body.single-post .comment-author .fn { color: #e0b060 !important; }
html body.single-post .comment-content p { color: rgba(255,255,255,0.75) !important; }

html body.single-post .comment-form input[type="text"],
html body.single-post .comment-form input[type="email"],
html body.single-post .comment-form textarea {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(200,151,58,0.22) !important;
  color: rgba(255,255,255,0.85) !important;
  border-radius: 2px !important;
}

html body.single-post .comment-form label { color: rgba(255,255,255,0.55) !important; }

html body.single-post #submit,
html body.single-post .comment-form input[type="submit"] {
  background: #c8973a !important;
  color: #0d1b2a !important;
  border: none !important;
  padding: 0.65rem 1.5rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 0.76rem !important;
  border-radius: 2px !important;
  cursor: pointer !important;
}

html body.single-post #submit:hover { background: #e0b060 !important; }

/* ── FOOTER ── */
html body.single-post footer#colophon,
html body.single-post .site-footer {
  background: #060f18 !important;
  border-top: 1px solid rgba(200,151,58,0.2) !important;
  color: rgba(255,255,255,0.35) !important;
}

html body.single-post .site-footer a { color: rgba(200,151,58,0.6) !important; }