.main-navigation .nav-link,
.kadence-navigation .menu-item a {
  font-size: 13px !important;
}
/* ─── FEEDZY BLOG - WILSON BIOCHAR STYLE ─── */

.feedzy-rss, .feedzy_feed_wrap {
  background: #1C2910 !important;
  padding: 60px 5% !important;
  max-width: 100% !important;
}

ul.feedzy_feeds {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

ul.feedzy_feeds li {
  background: #243318 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 3px solid transparent !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}

ul.feedzy_feeds li:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
  border-bottom-color: #8DC63F !important;
}

ul.feedzy_feeds li img {
  width: 100% !important;
  height: 240px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

ul.feedzy_feeds li .feedzy-item-meta,
ul.feedzy_feeds li .rss_feed_item {
  padding: 24px 24px 28px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  background: transparent !important;
}

ul.feedzy_feeds li h3 a {
  font-family: 'Playfair Display', serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
}

ul.feedzy_feeds li h3 a:hover { color: #8DC63F !important; }

ul.feedzy_feeds li span,
ul.feedzy_feeds li .feedzy_feed_date {
  font-family: 'Lato', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #8DC63F !important;
}

ul.feedzy_feeds li p {
  font-family: 'Lato', sans-serif !important;
  font-size: 14px !important;
  color: rgba(255,255,255,0.6) !important;
  line-height: 1.7 !important;
}

.feedzy_summary { display: none !important; }

@media(max-width: 680px) {
  ul.feedzy_feeds { grid-template-columns: 1fr !important; }
}
/* Remove gap between header and hero */
.site-header {
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

.site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.nav-link[href="#"] {
  opacity: 0.45 !important;
  pointer-events: none !important;
  cursor: default !important;
}
.main-navigation .nav-link,
.kadence-navigation .menu-item a,
.navigation-default .menu-item a {
  font-size: 11.5px !important;
  padding: 0 7px !important;
  letter-spacing: 0 !important;
}#site-header .main-navigation > ul,
.kadence-navigation > ul {
  flex-wrap: nowrap !important;
}
/* ============================================================
   Wilson Biochar — Mobile Fixes
   Paste into: Appearance → Customize → Additional CSS
   ============================================================ */


/* ── FIX 1: Horizontal scroll from full-bleed sections ──────
   The 100vw + calc(-50vw + 50%) trick causes overflow on iOS.
   This clamps the entire page and prevents horizontal scroll.
   ---------------------------------------------------------- */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Also target any full-bleed wrappers directly */
[style*="width:100vw"],
[style*="width: 100vw"] {
  width: 100% !important;
  margin-left: 0 !important;
  max-width: 100% !important;
}


/* ── FIX 2: Stats strip — wrap into 2×3 grid on mobile ─────
   Targets the credibility strip: 35+ Years, 20+ Years, etc.
   ---------------------------------------------------------- */
@media (max-width: 640px) {
  /* Flex rows of stats items */
  .wp-block-html [style*="display:flex"][style*="justify-content:space"],
  .wp-block-html [style*="display: flex"][style*="justify-content: space"] {
    flex-wrap: wrap !important;
    gap: 16px !important;
  }

  /* Individual stat items — force 2-per-row */
  .wp-block-html [style*="text-align:center"],
  .wp-block-html [style*="text-align: center"] {
    min-width: 120px !important;
    flex: 1 1 calc(50% - 16px) !important;
  }
}


/* ── FIX 3: Hero CTA buttons — stack on mobile ─────────────
   Four buttons in a row → stack to full-width column
   ---------------------------------------------------------- */
@media (max-width: 640px) {
  /* Button group containers */
  .wp-block-html [style*="display:flex"][style*="gap"][style*="flex-wrap"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* All anchor/button elements inside HTML blocks */
  .wp-block-html a[style*="padding"],
  .wp-block-html a[style*="border-radius"] {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}


/* ── FIX 4: Products grid — single column on mobile ────────
   "Everything you need" 4-card grid
   ---------------------------------------------------------- */
@media (max-width: 640px) {
  /* Grid containers */
  .wp-block-html [style*="display:grid"],
  .wp-block-html [style*="display: grid"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* Also catch flex multi-column card rows */
  .wp-block-html [style*="display:flex"][style*="flex-wrap:wrap"],
  .wp-block-html [style*="display: flex"][style*="flex-wrap: wrap"] {
    flex-direction: column !important;
  }
}


/* ── FIX 5: Ring of Fire specs grid ─────────────────────────
   8-stat specs grid → 2-column on mobile
   ---------------------------------------------------------- */
@media (max-width: 640px) {
  /* Specs rows that use inline-block or flex */
  .wp-block-html [style*="display:inline-block"],
  .wp-block-html [style*="display: inline-block"] {
    display: block !important;
    width: calc(50% - 8px) !important;
    float: left !important;
    margin-bottom: 16px !important;
  }

  /* Clear floats after specs section */
  .wp-block-html [style*="display:inline-block"]:nth-child(even),
  .wp-block-html [style*="display: inline-block"]:nth-child(even) {
    margin-left: 16px !important;
  }
}


/* ── GLOBAL: Typography scaling on mobile ───────────────────
   Prevent oversized headings without touching each block
   ---------------------------------------------------------- */
@media (max-width: 640px) {
  .wp-block-html h1,
  .entry-content h1 {
    font-size: clamp(28px, 8vw, 42px) !important;
    line-height: 1.2 !important;
  }

  .wp-block-html h2,
  .entry-content h2 {
    font-size: clamp(22px, 6vw, 32px) !important;
  }

  /* Section padding — halve it on mobile */
  .wp-block-html [style*="padding:80px"],
  .wp-block-html [style*="padding: 80px"],
  .wp-block-html [style*="padding-top:80px"],
  .wp-block-html [style*="padding-top: 80px"] {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .wp-block-html [style*="padding:100px"],
  .wp-block-html [style*="padding: 100px"],
  .wp-block-html [style*="padding-top:100px"],
  .wp-block-html [style*="padding-top: 100px"] {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  /* Horizontal padding — never let content touch screen edges */
  .wp-block-html > * {
    padding-left: max(16px, 4vw) !important;
    padding-right: max(16px, 4vw) !important;
    box-sizing: border-box !important;
  }
}


/* ── YouTube / video embeds — responsive ────────────────────
   Bonus: fixes video iframes on Ring of Fire & Courses pages
   ---------------------------------------------------------- */
.wp-block-html iframe[src*="youtube"],
.wp-block-html iframe[src*="youtu.be"],
.entry-content iframe[src*="youtube"] {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
}