/*
Theme Name: HEMPLI
Theme URI: https://hempli.org
Author: HEMPLI
Description: Lightweight custom WordPress block theme (FSE) for the HEMPLI cannabis-strain authority. Botanical Authority CI — fast, editorial, compliance-aware. No page builders.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hempli
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, editor-style
*/

/* Most styling is driven by theme.json design tokens.
   Add only minimal global rules here that theme.json cannot express. */

.wp-block-post-content {
  max-width: 70ch;
}

/* Readable measure for long-form article body */
.is-layout-constrained > * {
  --wp--style--global--content-size: 720px;
}

/* ----------------------------------------------------------------------------
   Strain article content (classic-HTML post_content from hempli-strain-article)
   Styles the .key-facts / .faq / diagram / table markup with the brand palette.
   ------------------------------------------------------------------------- */
.wp-block-post-content {
  --c-forest: var(--wp--preset--color--forest);
  --c-sage: var(--wp--preset--color--sage);
  --c-sage-200: var(--wp--preset--color--sage-200);
  --c-gold: var(--wp--preset--color--gold);
  --c-paper-card: var(--wp--preset--color--paper-card);
  --c-ink-muted: var(--wp--preset--color--ink-muted);
  --c-line: var(--wp--preset--color--line);
}

.wp-block-post-content figure { margin: 2rem 0; text-align: center; }
.wp-block-post-content figure img { max-width: 100%; height: auto; border-radius: 8px; }
.wp-block-post-content figcaption {
  font-style: italic;
  margin-top: 0.6rem;
  color: var(--c-ink-muted);
  font-size: 0.9rem;
}

/* Tables (Key Facts + terpene/effect tables) */
.wp-block-post-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
}
.wp-block-post-content th,
.wp-block-post-content td {
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--c-line);
  text-align: left;
  vertical-align: top;
}
.wp-block-post-content th { background-color: var(--c-sage-200); font-weight: 600; }
.wp-block-post-content td { font-variant-numeric: tabular-nums; }

/* Key Facts box */
.wp-block-post-content .key-facts {
  background-color: var(--c-paper-card);
  border-left: 4px solid var(--c-sage);
  padding: 1.25rem 1.5rem;
  margin: 2rem 0;
  border-radius: 8px;
}
.wp-block-post-content .key-facts h2 { margin-top: 0; }

/* FAQ */
.wp-block-post-content .faq {
  background-color: var(--c-paper-card);
  border: 1px solid var(--c-line);
  padding: 1.25rem 1.5rem;
  margin: 2.5rem 0;
  border-radius: 8px;
}
.wp-block-post-content .faq h2 { margin-top: 0; }
.wp-block-post-content .faq h3 { margin-top: 1.25rem; }

/* Inline SVG diagrams (genetics / terpene / effects) */
.wp-block-post-content .diagram-container {
  margin: 2rem 0;
  padding: 1rem;
  background-color: var(--c-paper-card);
  border: 1px solid var(--c-line);
  border-radius: 8px;
  text-align: center;
}
.wp-block-post-content .diagram-container h4 { margin-top: 0; }
.wp-block-post-content .genetic-diagram,
.wp-block-post-content .terpene-radar,
.wp-block-post-content .effects-spectrum {
  max-width: 100%;
  height: auto;
  margin: 0.5rem auto;
}
.wp-block-post-content .diagram-caption,
.wp-block-post-content .last-updated {
  font-style: italic;
  color: var(--c-ink-muted);
  font-size: 0.9rem;
  margin-top: 0.6rem;
}

/* Quotes / evidence citations */
.wp-block-post-content blockquote,
.wp-block-post-content .evidence-citation {
  background-color: var(--c-paper-card);
  border-left: 4px solid var(--c-gold);
  padding: 0.85rem 1.25rem;
  margin: 1.5rem 0;
}
.wp-block-post-content .evidence-citation { border-left-color: var(--c-sage); font-size: 0.95rem; }
.wp-block-post-content .evidence-citation .source { font-weight: 700; display: block; margin-bottom: 0.3rem; }

/* Trust indicators + references */
.wp-block-post-content .trust-indicator {
  display: inline-block;
  background-color: var(--c-sage-200);
  border: 1px solid var(--c-line);
  border-radius: 3px;
  padding: 2px 8px;
  margin-right: 8px;
  font-size: 0.8rem;
  color: var(--c-forest);
}
.wp-block-post-content .references { margin-top: 2.5rem; border-top: 2px solid var(--c-forest); padding-top: 1.25rem; }

/* Author box */
.wp-block-post-content .author-box {
  background-color: var(--c-paper-card);
  border: 1px solid var(--c-line);
  border-radius: 8px;
  padding: 1.25rem;
  margin: 2rem 0;
  display: flex;
  gap: 1.25rem;
}
.wp-block-post-content .author-image {
  width: 96px; height: 96px; border-radius: 50%;
  object-fit: cover; border: 3px solid var(--c-sage); flex: 0 0 auto;
}
.wp-block-post-content .author-details h3 { margin-top: 0; }
.wp-block-post-content .credentials { font-weight: 700; color: var(--c-forest); }