/*
Theme Name: GeneratePress Child — Miracle Leaf
Theme URI: https://mymiracleleaf.com
Description: Child theme of GeneratePress for mymiracleleaf.com. Ports brand vars, WCAG viewport meta, LCP hero preload, single-store byline suppression, and Rank Math JSON-LD author-swap from the legacy divi-child theme. Pure presentation skin; pipeline blocks markup is theme-agnostic and renders directly under this child.
Author: Miracle Leaf
Author URI: https://mymiracleleaf.com
Template: generatepress
Version: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress-child
*/

/* ---------- Brand variables (ported from divi-child intent) ---------- */

:root {
  /* Per Miracle Leaf Brand Guidelines 2026-05-18 */
  --ml-brand-primary: #86bf3e;          /* PMS 368 — primary lime green */
  --ml-brand-primary-dark: #4b6e34;     /* PMS 7742 — primary dark green */
  --ml-brand-gradient-start: #6c983d;   /* PMS 576 */
  --ml-brand-gradient-end: #8fc943;     /* PMS 367 */
  --ml-brand-grey-1: #8d8d8d;           /* PMS 877 */
  --ml-brand-grey-2: #bebebe;           /* PMS C Grey 4C */
  --ml-brand-text: #1f2937;
  --ml-brand-text-muted: #4b5563;
  --ml-brand-bg: #ffffff;
  --ml-brand-bg-alt: #f7f8f9;
  --ml-radius-sm: 4px;
  --ml-radius-md: 8px;
  --ml-radius-lg: 16px;
}

/* ---------- Pipeline content wrapper (.ml-pipeline-content) ----------
 * Pipeline-published pages wrap rendered body in <div class="ml-pipeline-content">.
 * Style hooks scoped to this wrapper so legacy Divi-built pages stay untouched
 * during transition window. Drop the scope when last Divi page retires.
 */

.ml-pipeline-content h1,
.ml-pipeline-content h2,
.ml-pipeline-content h3 {
  color: var(--ml-brand-primary-dark);
  line-height: 1.2;
}

.ml-pipeline-content h2 {
  margin-top: 2.5rem;
  font-size: 1.6rem;
}

.ml-pipeline-content h3 {
  margin-top: 2rem;
  font-size: 1.3rem;
}

.ml-pipeline-content p,
.ml-pipeline-content li {
  color: var(--ml-brand-text);
  line-height: 1.65;
}

.ml-pipeline-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
}

.ml-pipeline-content table th,
.ml-pipeline-content table td {
  padding: 0.6rem 0.8rem;
  border: 1px solid #e5e7eb;
  text-align: left;
}

.ml-pipeline-content table th {
  background: var(--ml-brand-bg-alt);
  font-weight: 600;
}

.ml-pipeline-content a {
  color: var(--ml-brand-primary-dark);
  text-decoration: underline;
}

.ml-pipeline-content a:hover {
  color: var(--ml-brand-primary);
}

/* Reviewer byline emitted by ml-schema mu-plugin */
.ml-pipeline-byline {
  font-size: 0.9rem;
  color: var(--ml-brand-text-muted);
  border-left: 3px solid var(--ml-brand-primary);
  padding: 0.4rem 0.75rem;
  margin: 1rem 0 2rem;
  background: var(--ml-brand-bg-alt);
}

/* Last-verified timestamp */
.ml-pipeline-last-verified {
  font-size: 0.85rem;
  color: var(--ml-brand-text-muted);
  font-style: italic;
}

/* ---------- Hero (front page LCP) ---------- */

.ml-hero {
  padding: 2.5rem 1rem;
}

.ml-hero-img {
  max-width: 100%;
  height: auto;
}