/* === SORTA OUTDOORSY — FIELD NOTES THEME === */

body {
  background-color: #1c2b1f !important;
  color: #f0ebe0 !important;
}

/* Body text — DM Sans (loaded via wp_head) */
body, p, li, td,
.wp-block-paragraph,
.entry-content p,
.wp-block-post-excerpt__excerpt {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: #c8d8c8 !important;
  font-weight: 400 !important;
}

/* Headlines — Playfair Display */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-site-title a,
.wp-block-heading {
  font-family: "Playfair Display", Georgia, serif !important;
  color: #f0ebe0 !important;
}

/* Site title */
.wp-block-site-title a {
  font-size: 22px !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
}

/* Monospace accents — nav, tags, bylines, buttons, dates, read more */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-post-terms a,
.wp-block-post-terms,
.wp-block-post-date,
.wp-block-post-author__name,
.wp-block-button .wp-block-button__link,
.wp-block-post-excerpt__more-link,
footer p, footer a, footer small {
  font-family: "Space Mono", "Courier New", monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* Nav color */
.wp-block-navigation a { color: #7ab87a !important; }
.wp-block-navigation a:hover { color: #f0ebe0 !important; }

/* Mobile nav overlay — dark background only when menu is open */
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
  background-color: #162219 !important;
}
.wp-block-navigation__responsive-container.is-menu-open a {
  color: #7ab87a !important;
}
.wp-block-navigation__responsive-container.is-menu-open a:hover {
  color: #f0ebe0 !important;
}

/* Excerpt — override back to DM Sans */
.wp-block-post-excerpt__excerpt {
  font-family: "DM Sans", sans-serif !important;
  font-size: 14px !important;
  color: #8aaa8a !important;
  line-height: 1.7 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Read more link */
.wp-block-post-excerpt__more-link {
  color: #7ab87a !important;
  font-size: 10px !important;
}

/* Subscribe / CTA button */
.wp-block-button .wp-block-button__link {
  background: transparent !important;
  border: 1px solid #7ab87a !important;
  color: #7ab87a !important;
  padding: 10px 22px !important;
  border-radius: 0 !important;
}
.wp-block-button .wp-block-button__link:hover {
  background: #7ab87a !important;
  color: #1c2b1f !important;
}

/* Links */
a { color: #7ab87a !important; }
a:hover { color: #f0ebe0 !important; }

/* Post titles in archive */
.wp-block-post-title a {
  font-family: "Playfair Display", Georgia, serif !important;
  color: #f0ebe0 !important;
  text-decoration: none !important;
}
.wp-block-post-title a:hover { color: #7ab87a !important; }

/* Tags / Categories */
.wp-block-post-terms {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 2px 4px !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  margin-bottom: 2px !important;
}
.wp-block-post-terms a {
  color: #4a7a4a !important;
  border: 1px solid #2d4a32 !important;
  padding: 2px 8px !important;
  text-decoration: none !important;
  font-size: 10px !important;
  white-space: nowrap !important;
}
.wp-block-post-terms .wp-block-post-terms__separator {
  font-size: 10px !important;
  color: #7ab87a !important;
}

/* Header */
header, .wp-block-template-part[data-area="header"] > div {
  background: #162219 !important;
  border-bottom: 1px solid rgba(122,184,122,0.2) !important;
}

/* Footer — cover all nested blocks */
footer,
footer *,
.wp-block-template-part[data-area="footer"],
.wp-block-template-part[data-area="footer"] * {
  background-color: #162219 !important;
  color: #4a7a4a !important;
}
footer,
.wp-block-template-part[data-area="footer"] {
  border-top: 1px solid rgba(122,184,122,0.2) !important;
}
/* Kill Assembler section style backgrounds — footer uses is-style-section-1--2 */
.is-style-section-1--2,
.is-style-section-1,
.wp-block-template-part:last-of-type .wp-block-group {
  background-color: #162219 !important;
  color: #4a7a4a !important;
}

/* Re-allow specific overrides inside footer */
footer a, footer a * { color: #7ab87a !important; }
footer a:hover, footer a:hover * { color: #f0ebe0 !important; }
footer p, footer small, footer span { color: #4a7a4a !important; }

/* // prefix on headings */
.wp-block-heading::before {
  content: "// ";
  color: #7ab87a;
  font-family: "Space Mono", monospace;
  font-size: 0.75em;
}

/* Dividers */
hr, .wp-block-separator {
  border-color: rgba(122,184,122,0.25) !important;
}

/* Images — B&W with color on hover */
body img {
  filter: grayscale(100%);
  transition: filter 0.4s ease;
}
body img:hover { filter: grayscale(0%); }

/* Subscribe form success message */
.wp-block-jetpack-subscriptions__success,
.wp-block-jetpack-subscriptions .wp-block-jetpack-subscriptions__success {
  display: block !important;
  color: #7ab87a !important;
  font-family: "Space Mono", monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 14px 20px !important;
  margin-top: 8px !important;
  border: 1px solid #7ab87a !important;
  background: rgba(122,184,122,0.08) !important;
}

/* Subscribe form */
.wp-block-jetpack-subscriptions__container input[type="email"] {
  background: #2d4a32 !important;
  border: 1px solid #4a7a4a !important;
  color: #f0ebe0 !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 14px !important;
  border-radius: 0 !important;
}
.wp-block-jetpack-subscriptions__container button {
  background: #7ab87a !important;
  color: #1c2b1f !important;
  font-family: "Space Mono", monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  font-weight: bold !important;
}
/* Post card spacing — padding inside each card, gap between cards */
.wp-block-post-template .wp-block-post {
  padding-bottom: 32px !important;
}
.wp-block-post-template {
  gap: 2px !important;
  row-gap: 2px !important;
}
.wp-block-post .wp-block-post-title,
.wp-block-post .wp-block-post-excerpt,
.wp-block-post .wp-block-post-terms,
.wp-block-post .wp-block-post-date {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.wp-block-post .wp-block-post-title {
  padding-top: 20px !important;
}
/* ── Mobile fixes ─────────────────────────────────────── */

/* Header subscribe button — no word break */
.wp-block-button .wp-block-button__link {
  white-space: nowrap !important;
}

/* Smaller button padding on mobile */
@media (max-width: 768px) {
  .wp-block-button .wp-block-button__link {
    padding: 8px 14px !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }
}

/* Subscribe form — equal height input + button */
.wp-block-jetpack-subscriptions__container form {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
}
.wp-block-jetpack-subscriptions__container input[type="email"] {
  height: auto !important;
  flex: 1 !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  padding: 12px 16px !important;
}
.wp-block-jetpack-subscriptions__container button {
  min-height: 48px !important;
  height: auto !important;
  box-sizing: border-box !important;
  padding: 12px 20px !important;
  white-space: nowrap !important;
  align-self: stretch !important;
}
/* Single post meta row */
.so-post-meta,
.so-post-meta .wp-block-post-date,
.so-post-meta .wp-block-post-terms,
.so-post-meta .wp-block-post-terms a {
  font-family: "Space Mono", "Courier New", monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #7ab87a !important;
}
.so-post-meta .wp-block-post-terms a:hover {
  color: #f0ebe0 !important;
}
/* Left-align single post title */
.wp-block-post-title {
  text-align: left !important;
}

/* Desktop: left-align subscribe form */
#subscribe .wp-block-heading {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  width: 100% !important;
}
@media (min-width: 769px) {
  #subscribe form#subscribe-blog {
    display: flex !important;
    justify-content: flex-start !important;
  }
  #subscribe .wp-block-jetpack-subscriptions__form-elements {
    max-width: 540px !important;
    width: 100% !important;
  }
}