/*
Theme Name: Astra Child - 1800DearGod
Template: astra
Version: 1.1
Description: Child theme for 1800DearGod.com — black/gold brand styling
*/

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

:root {
  --gold: #d4af37;
  --gold-dim: rgba(212,175,55,0.7);
  --dark: #070707;
  --dark2: #0d0d0a;
  --text: #ffffff;
  --text-dim: rgba(255,255,255,0.88);
  --text-faint: rgba(255,255,255,0.55);
}

/* GLOBAL */
body, .ast-page-builder-template {
  background-color: #070707 !important;
  color: #ffffff !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 300 !important;
}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6, .entry-title, .page-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  color: #ffffff !important;
}

p, li, blockquote {
  font-family: 'Lato', sans-serif !important;
  font-weight: 300 !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: 16px !important;
  line-height: 2 !important;
}

a { color: #d4af37 !important; text-decoration: none !important; }
a:hover { opacity: 0.8 !important; }

/* META — kill blue completely */
.entry-meta,
.entry-meta *,
.entry-meta a,
.entry-meta a:link,
.entry-meta a:visited,
.entry-meta a:hover,
.byline, .byline *,
.posted-on, .posted-on *,
.cat-links, .cat-links *,
.author, .author * {
  color: rgba(212,175,55,0.7) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 9px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* HEADER */
#masthead, .site-header, .ast-primary-header-bar {
  background-color: rgba(7,7,4,0.95) !important;
  border-bottom: 1px solid rgba(212,175,55,0.12) !important;
}

.site-title a, .site-title {
  font-family: 'Cinzel', serif !important;
  color: #ffffff !important;
  letter-spacing: 0.12em !important;
}

.site-description {
  font-family: 'Cinzel', serif !important;
  color: rgba(212,175,55,0.7) !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

/* NAV */
.main-navigation a, .ast-primary-nav a, #site-navigation a {
  font-family: 'Cinzel', serif !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.7) !important;
}
.main-navigation a:hover, .ast-primary-nav a:hover { color: #d4af37 !important; }

/* CONTENT AREA */
#primary, #content, .site-content, .ast-container,
.hentry, article.post, article.page {
  background-color: #070707 !important;
}

/* NO SIDEBAR */
#secondary, .widget-area, .ast-sidebar-wrap { display: none !important; }
#primary { width: 100% !important; max-width: 100% !important; float: none !important; }

/* FEATURED IMAGE — left float */
.post-thumbnail,
.ast-post-thumbnail-wrap {
  width: 48% !important;
  float: left !important;
  margin: 8px 36px 24px 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

.post-thumbnail img,
.ast-post-thumbnail-wrap img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}

/* Clear float */
.entry-content::after { content: ""; display: table; clear: both; }

/* ENTRY CONTENT */
.entry-content {
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 0 40px 80px !important;
}

.entry-content p { margin-bottom: 20px !important; }

.entry-content h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(24px, 3vw, 36px) !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  margin: 48px 0 20px !important;
}

.entry-content h3 {
  font-family: 'Cinzel', serif !important;
  font-size: 11px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: rgba(212,175,55,0.7) !important;
  margin: 36px 0 16px !important;
}

.entry-content blockquote {
  border-left: 2px solid rgba(212,175,55,0.45) !important;
  padding-left: 20px !important;
  margin: 32px 0 !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 20px !important;
  background: transparent !important;
}

/* READ TIME */
.read-time {
  font-family: 'Cinzel', serif !important;
  font-size: 9px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: rgba(212,175,55,0.7) !important;
  margin-bottom: 32px !important;
  display: block !important;
}

/* WAITLIST CTA */
.grace-cta-block {
  background: #0d0d0a !important;
  border: 1px solid rgba(212,175,55,0.15) !important;
  padding: 48px 40px !important;
  text-align: center !important;
  margin: 56px 0 !important;
  clear: both !important;
}

.grace-cta-block h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  margin-bottom: 12px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.grace-cta-block p {
  font-size: 14px !important;
  color: rgba(255,255,255,0.55) !important;
  margin-bottom: 24px !important;
  line-height: 1.7 !important;
}

.grace-cta-btn {
  font-family: 'Cinzel', serif !important;
  font-size: 10px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: #070707 !important;
  background: #d4af37 !important;
  padding: 14px 32px !important;
  display: inline-block !important;
  transition: opacity 0.2s !important;
}
.grace-cta-btn:hover { opacity: 0.85 !important; color: #070707 !important; }

/* FOOTER */
#colophon, .site-footer, .ast-footer-overlay {
  background-color: #070707 !important;
  border-top: 1px solid rgba(212,175,55,0.1) !important;
}
.site-footer, .site-footer * { color: rgba(255,255,255,0.45) !important; }

/* COMMENTS OFF */
#comments { display: none !important; }

/* SEPARATORS */
.wp-block-separator, hr {
  border: none !important;
  border-top: 1px solid rgba(212,175,55,0.15) !important;
  margin: 40px auto !important;
}

/* MOBILE */
@media(max-width: 768px) {
  .post-thumbnail, .ast-post-thumbnail-wrap {
    width: 100% !important;
    float: none !important;
    margin: 0 0 28px !important;
  }
  .entry-content { padding: 0 20px 60px !important; }
}

/* Cap featured image height - cinematic but not full screen */
.post-thumbnail,
.ast-post-thumbnail-wrap,
.wp-post-image,
.single .ast-featured-post-image-area {
  max-height: 480px !important;
  overflow: hidden !important;
  width: 100% !important;
  float: none !important;
  margin: 0 0 48px !important;
}

.post-thumbnail img,
.ast-post-thumbnail-wrap img,
.single .ast-featured-post-image-area img {
  width: 100% !important;
  height: 480px !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}

/* Header — match our brand style */
#masthead .site-branding,
.ast-site-identity {
  display: flex !important;
  align-items: center !important;
}

.ast-primary-header-bar {
  min-height: 60px !important;
  padding: 0 40px !important;
}
