/*
Theme Name: Crypto Jacky
Theme URI: https://cryptojacky.com
Author: Crypto Jacky Editorial
Description: Editorial finance-guide child theme for Crypto Jacky — practical, plain-English crypto education and honest service reviews.
Template: twentytwentythree
Version: 1.0.0
Requires PHP: 7.4
Text Domain: bbgb-forest-editorial
*/

/* ---- Brand tokens expressed as point styles (color / type / border / radius only) ---- */

.bbgb-header {
  background-color: #f4f9f4;
  border-bottom: 1px solid #ccd3cd;
  padding: 4px 24px;
}

.bbgb-header-logo {
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  font-weight: 600;
  color: #14261c;
}

.bbgb-header-nav a {
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  color: #14261c;
  transition: color 150ms ease-out;
}

.bbgb-header-nav a:hover {
  color: #65a30d;
}

.bbgb-header-search {
  border-radius: 8px;
}

.bbgb-header-cta a {
  background-color: #65a30d;
  color: #111111;
  border-radius: 8px;
  padding: 8px 16px;
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  transition: opacity 150ms ease-out;
}

.bbgb-header-cta a:hover {
  opacity: 0.85;
}

.bbgb-kicker {
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  color: #65a30d;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 14px;
}

.bbgb-hero {
  background-color: #f4f9f4;
  padding: 64px 24px;
}

.bbgb-hero-copy h1 {
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  color: #14261c;
}

.bbgb-hero-chips {
  gap: 16px;
}

.bbgb-hero-panel {
  border-radius: 16px;
  background-color: #ebf1eb;
}

.bbgb-hero-art img {
  border-radius: 16px;
}

.bbgb-chip a,
.bbgb-btn {
  border-radius: 8px;
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  transition: opacity 150ms ease-out, color 150ms ease-out;
}

.bbgb-btn-primary a {
  background-color: #65a30d;
  color: #111111;
}

.bbgb-btn-ghost a {
  background-color: #ebf1eb;
  color: #14261c;
  border: 1px solid #ccd3cd;
}

.bbgb-btn-primary a:hover,
.bbgb-btn-ghost a:hover {
  opacity: 0.85;
}

.bbgb-start-here-strip {
  background-color: #ebf1eb;
  padding: 64px 24px;
  border-top: 1px solid #ccd3cd;
  border-bottom: 1px solid #ccd3cd;
}

.bbgb-step {
  background-color: #f4f9f4;
  border: 1px solid #ccd3cd;
  border-radius: 8px;
  padding: 24px;
}

.bbgb-step-number {
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  color: #65a30d;
  font-size: 29px;
  font-weight: 700;
}

.bbgb-latest-articles,
.bbgb-reviews-rail {
  padding: 64px 24px;
}

.bbgb-reviews-rail {
  background-color: #ebf1eb;
}

.bbgb-card {
  background-color: #ebf1eb;
  border: 1px solid #ccd3cd;
  border-radius: 4px;
  padding: 16px;
  transition: border-color 150ms ease-out;
}

.bbgb-card:hover {
  border-color: #65a30d;
}

.bbgb-card-kicker {
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  color: #65a30d;
  font-size: 14px;
  text-transform: uppercase;
}

.bbgb-card-title a {
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  color: #14261c;
  transition: color 150ms ease-out;
}

.bbgb-card-title a:hover {
  color: #65a30d;
}

.bbgb-card-meta {
  color: #627068;
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
}

.bbgb-rating-pill {
  display: inline-block;
  background-color: #65a30d;
  color: #111111;
  border-radius: 999px;
  padding: 4px 12px;
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
}

.bbgb-editorial-promise {
  background-color: #14261c;
  background-image: url('assets/media/contour-texture.svg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 64px 24px;
  color: #f4f9f4;
}

.bbgb-editorial-bullets li {
  color: #f4f9f4;
  border-bottom: 1px solid rgba(244, 249, 244, 0.16);
  padding: 8px 0;
}

.bbgb-newsletter-callout {
  background-color: #ebf1eb;
  padding: 64px 24px;
}

.bbgb-newsletter-form {
  border: 1px solid #ccd3cd;
  border-radius: 8px;
  padding: 16px;
  background-color: #f4f9f4;
}

.bbgb-form-field,
.bbgb-newsletter-field {
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  border: 1px solid #ccd3cd;
  border-radius: 4px;
  color: #14261c;
  padding: 8px 12px;
}

.bbgb-newsletter-submit,
.bbgb-btn {
  background-color: #65a30d;
  color: #111111;
  border: none;
  border-radius: 8px;
  padding: 8px 20px;
  transition: opacity 150ms ease-out;
}

.bbgb-newsletter-submit:hover {
  opacity: 0.85;
}

.bbgb-footer {
  background-color: #14261c;
  color: #f4f9f4;
  padding: 64px 24px 24px;
}

.bbgb-footer-heading {
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  color: #f4f9f4;
}

.bbgb-footer-links a {
  color: #ebf1eb;
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  transition: color 150ms ease-out;
}

.bbgb-footer-links a:hover {
  color: #65a30d;
}

.bbgb-footer-bottom {
  border-top: 1px solid rgba(244, 249, 244, 0.16);
  padding-top: 24px;
  margin-top: 24px;
}

.bbgb-footer-legal {
  color: #627068;
  font-size: 14px;
}

.bbgb-footer-social a {
  color: #f4f9f4;
}

.bbgb-archive-header {
  background-color: #ebf1eb;
  padding: 64px 24px;
  border-bottom: 1px solid #ccd3cd;
}

.bbgb-archive-header h1 {
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  color: #14261c;
}

.bbgb-archive-topic-chips {
  background-color: #f4f9f4;
  padding: 24px;
  gap: 8px;
}

.bbgb-chip {
  background-color: #ebf1eb;
  border: 1px solid #ccd3cd;
  border-radius: 999px;
  padding: 4px 16px;
}

.bbgb-chip a {
  color: #14261c;
  font-size: 14px;
}

.bbgb-archive-list {
  padding: 24px;
}

.bbgb-list-row {
  border-bottom: 1px solid #ccd3cd;
  padding: 12px 0;
}

.bbgb-sidebar-popular {
  background-color: #ebf1eb;
  border: 1px solid #ccd3cd;
  border-radius: 8px;
  padding: 24px;
}

.bbgb-popular-tag {
  border-bottom: 1px solid #ccd3cd;
  padding: 8px 0;
}

.bbgb-article-header {
  background-color: #f4f9f4;
  padding: 64px 24px 24px;
}

.bbgb-article-header h1 {
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  color: #14261c;
}

.bbgb-disclosure-banner {
  border: 1px solid #65a30d;
  border-radius: 8px;
  background-color: #ebf1eb;
  color: #14261c;
  padding: 12px 16px;
  margin: 0 24px 24px;
}

.bbgb-article-body {
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.55;
  color: #14261c;
  padding: 24px;
}

.bbgb-article-body blockquote {
  background-color: #ebf1eb;
  border-left: 4px solid #65a30d;
  border-radius: 4px;
  padding: 16px 24px;
}

.bbgb-review-verdict {
  background-color: #ebf1eb;
  border: 1px solid #ccd3cd;
  border-radius: 8px;
  padding: 24px;
  margin: 0 24px 24px;
}

.bbgb-pros-cons h4 {
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  color: #14261c;
}

.bbgb-related-next {
  padding: 24px;
  gap: 16px;
}

.bbgb-author-bio {
  border-top: 1px solid #ccd3cd;
  padding: 24px;
  gap: 16px;
}

.bbgb-toc-sidebar {
  background-color: #ebf1eb;
  border: 1px solid #ccd3cd;
  border-radius: 8px;
  padding: 16px;
}

.bbgb-toc-link {
  color: #14261c;
  font-size: 14px;
  transition: color 150ms ease-out;
}

.bbgb-toc-link:hover {
  color: #65a30d;
}

.bbgb-page {
  padding: 64px 24px;
}

.bbgb-page-header h1 {
  font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  color: #14261c;
}

.bbgb-reviews-empty {
  font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  color: #627068;
}

.bbgb-reviews-empty a {
  color: #65a30d;
}

/* ---- Mobile header: the search field + Start Here button must reflow, not overflow ---- */
@media (max-width: 639px) {
  .bbgb-header {
    flex-wrap: wrap;
    row-gap: 8px;
    padding: 4px 16px;
  }

  .bbgb-header-actions {
    flex-wrap: wrap;
    flex-basis: 100%;
    min-width: 0;
    justify-content: flex-end;
  }

  .bbgb-header-search {
    flex: 1 1 auto;
    min-width: 0;
  }

  .bbgb-header-search .wp-block-search__inside-wrapper {
    min-width: 0;
  }

  .bbgb-header-search input.wp-block-search__input {
    width: 100%;
    min-width: 0;
  }
}